/**
 * INIT SHADOWBOX WITH Prototype
**/

function getScrollXY()
{
	var scrOfX = 0, scrOfY = 0;
	if( typeof( window.pageYOffset ) == 'number' ) {
		//Netscape compliant
		scrOfY = window.pageYOffset;
		scrOfX = window.pageXOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		//DOM compliant
		scrOfY = document.body.scrollTop;
		scrOfX = document.body.scrollLeft;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		//IE6 standards compliant mode
		scrOfY = document.documentElement.scrollTop;
		scrOfX = document.documentElement.scrollLeft;
	}
	return [ scrOfX, scrOfY ];
}
function getScrollY() {
	return getScrollXY()[1];
}
function getScrollX() {
	return getScrollXY()[0];
}

document.observe('dom:loaded', function(){
	mwMSC_ShadowboxInit();
});

function mwMSC_ShadowboxInit()
{
	/**
	 * Function
	**/

    Shadowbox.init( {
    	overlayBgImage 	: '/components/pics/shadowbox/overlay-85.png',
    	flvPlayer 		: '/components/pics/shadowbox/flvplayer.swf',
    	loadingImage 	: '/components/pics/shadowbox/loading-light.gif',
    	animate : true,
    	animSequence : 'sync',
    	keysPrev : ['p', 'z', 37],
    	keysNext : ['n', 'w', 39],
    	counterType : 'default', /*skip*/ 
    	continuous : true,  
    	text:           {
            cancel:     'Abbrechen',
            loading:    'Ladevorgang',
            close:      '<span class="shortcut">S</span>chliessen',
            next:       '<span class="shortcut">W</span>eiter',
            prev:       '<span class="shortcut">Z</span>urück',
            errors:     {
                single: 'Sie müssen folgendes Browserplugin installiert und betriebsbereit halten, um diesen Content anzeigen zu können: <a href="{0}">{1}</a>',
                shared: 'Sie müssen folgende Browserplugins installiert und betriebsbereit halten, um diesen Content anzeigen zu können: <a href="{0}">{1}</a> und <a href="{2}">{3}</a>',
                either: 'Sie müssen eines der folgenden Browserplugins installiert und betriebsbereit halten, um diesen Content anzeigen zu können: <a href="{0}">{1}</a> oder <a href="{2}">{3}</a>'
            }
        },
        skin: {
	        main:		'<div id="shadowbox_overlay"></div>' +
						'<div id="shadowbox_container">' +
							'<div id="shadowbox">' +
								'<div id="shadowbox_title">' +
									'<div id="shadowbox_title_inner"></div>' +
								'</div>' +
							'<div id="shadowbox_body">' +
								'<div id="shadowbox_body_inner"></div>' +
								'<div id="shadowbox_loading"></div>' +
							'</div>' +
							'<div id="shadowbox_text">' +
								'<div id="shadowbox_text_inner"></div>' +
							'</div>' +
							'<div id="shadowbox_toolbar">' +
								'<div id="shadowbox_toolbar_inner"></div>' +
							'</div>' +
						'</div>' +
	            		'</div>',
			loading:	'<img src="{0}" alt="{1}" />' +
						'<span><a href="javascript:Shadowbox.close();">{2}</a></span>',
			counter:	'<div id="shadowbox_counter">{0}</div>',
			close:		'<div id="shadowbox_nav_close">' +
							'<a href="javascript:Shadowbox.close();">{0}</a>' +
						'</div>',
			next:		'<div id="shadowbox_nav_next">' +
							'<a href="javascript:Shadowbox.next();">{0}</a>' +
						'</div>',
			prev:		'<div id="shadowbox_nav_previous">' +
							'<a href="javascript:Shadowbox.previous();">{0}</a>' +
						'</div>'
        },
		onOpen : function(galElement) {
			$('shadowbox_text').hide();
        },
        onChange : function(galElement) {
       		Effect.BlindUp($('shadowbox_text'), {
       			duration: 0.5,
       			afterUpdate: function(obj) {
       				$scrollY = ((Prototype.Browser.IE && typeof document.documentElement.style.maxHeight == 'undefined') ? getScrollY() : 0);
       				$('shadowbox').setStyle({
       					'top' : $scrollY + (Math.round( (document.viewport.getHeight() - $('shadowbox').getHeight() ) / 2)) + 'px'
       				});
		       	}
       		});
        },
        onFinish : function(galElement) {
        	prep = '';
        	if (document.getElementById('shadowbox_text_'+galElement.showtext) != null) {
        		prep='shadowbox_text_';
        	}
        	if (document.getElementById(prep+galElement.showtext) != null) {
        		element = $(prep+galElement.showtext);
        		str = element.tagName.toLowerCase();
        		if (element && (element.tagName.toLowerCase()=='textarea' || element.tagName.toLowerCase()=='input'))
        			new_text = $F(prep+galElement.showtext);
        		else if (!$(prep+galElement.showtext).empty())
        			new_text = $(prep+galElement.showtext).innerHTML;
        		else
        			new_text = '';
				if (typeof new_text != 'undefined' && !new_text.empty()) {
	        		$('shadowbox_text_inner').update(new_text);
	        		Effect.BlindDown($('shadowbox_text'), {
	        			duration: 0.5,
		       			afterUpdate: function(obj) {
			        		$scrollY = ((Prototype.Browser.IE && typeof document.documentElement.style.maxHeight == 'undefined') ? getScrollY() : 0);
		       				$('shadowbox').setStyle({
		       					'top' : $scrollY + (Math.round( (document.viewport.getHeight() - $('shadowbox').getHeight() ) / 2)) + 'px'
		       				});
		       			}
	        		});
	        	}
        	}
        }
    } );

    // set up all anchor elements with a 'showasgallery' id to work with Shadowbox
    // im Tempalte: onclick="Shadowbox.open({'title': 'das ist ein test', 'type': 'img', 'gallery' : 'toyota-handball', 'content' : '/pics/galerie/image_1204894798272.jpeg'});return false;"
}