// Globale Variablen
var iexplore				= 0;
var theHeight 			= 0;
var theWidth				= 0;
var ovleft					= 0;
var ovtop						= 0;
var ovHeight				= 0;
var theScrollHeight	= 0;
var theHeightOffset	= 0;
var scrolling				= 0;
var currenturl;


// Hooks
onloadHooks.push(function(){
	tx_igfotogalerie_pi1_onload();
});

// Load-Funktionen
function tx_igfotogalerie_pi1_onload(){
	tx_igfotogalerie_pi1_checkBrowser();
	window.addEvent('resize', function(){
		positionOverlays();
	});
}

function galerie_back(){
	scroll_thumbs_left();
	var grossbilder = $('ig_fotogalerie_large').getChildren();
	for(var i = 0; i < grossbilder.length; i++){
		if(grossbilder[i].getStyle('display') == 'inline'){
			if(i > 0){
				var picid = grossbilder[(i-1)].getProperty('id').split('_')[1];
				showpic(picid);
				break;
			}
		}
	}
}

function galerie_next(){
	scroll_thumbs_right();
	var grossbilder = $('ig_fotogalerie_large').getChildren();
	for(var i = 0; i < grossbilder.length; i++){
		if(grossbilder[i].getStyle('display') == 'inline'){
			if(i < (grossbilder.length - 1)){
				var picid = grossbilder[(i+1)].getProperty('id').split('_')[1];
				showpic(picid);
				break;
			}
		}
	}
}

function tx_igfotogalerie_pi1_checkBrowser(){
	var browser = navigator.userAgent.toLowerCase();
  var ganzzahl = parseInt(navigator.appVersion);
  var genauezahl = parseFloat(navigator.appVersion);
  var explorer = ((browser.indexOf("msie") != -1) && (browser.indexOf("opera") == -1));
	var explorer6 = (explorer && (ganzzahl == 4) && (browser.indexOf("msie 6.0") !=-1));
	if(explorer){
		iexplore = 1;
	}
}

function openGalerie(typ, liste, dbzeile, galerieheader, position, showthumbs, showdescription){
	if(!$('overlay1') && !$('overlay2')){
		var overlay1 = new Element('div', {
			'id'					:	'overlay1',
			'styles'			:	{
				'position'		: 'absolute',
				'top'					:	'0px',
				'left'				:	'0px',
				'width'				: '1px',
				'height'			: '1px',
				'background'	: '#000000',
				'opacity'			:	'0.7'
			}
		});
		var overlay2 = new Element('div', {
			'id'					:	'overlay2',
			'styles'			:	{
				'position'		: 'absolute',
				'top'					:	'0px',
				'left'				:	'0px',
				'width'				: '864px',
				'height'			: '100px'
			}
		});
		overlay2.setHTML('<div class="lightbox_outer_wrap"><div class="lightbox_top">&nbsp;</div><div class="lightbox_center" id="ig_fotogalerie_inner_content">Lightboxinhalt wird geladen...</div><div class="lightbox_bottom">&nbsp;</div><a class="galerie_closebtn" href="javascript:;" onclick="closeLightbox(); return false;">&nbsp;</a></div>');
		overlay1.inject(document.body, 'bottom');
		overlay2.inject(document.body, 'bottom');
		positionOverlays();
		loadGalerieContent(typ, liste, dbzeile, galerieheader, position, showthumbs, showdescription);
	}
}

function closeLightbox(){
	if($('overlay1') && $('overlay2')){
		$('overlay1').remove();
		$('overlay2').remove();
	}
}

function showpic(picid){
	$('ig_fotogalerie_large').getChildren().setStyle('display', 'none');
	$('igfotogalerielargepicwrap_'+picid).setStyle('display', 'inline');
	$$('.ig_fotogalerie_thumb').setStyle('border', '2px solid #ffffff');
	$('igfotogaleriethumb_'+picid).setStyle('border', '2px solid #e30613');
	$('ig_fotogalerie_descriptions').getChildren().setStyle('display', 'none');
	$('ig_fotogalerie_desc_wrap_'+picid).setStyle('display', 'inline');
}

function positionOverlays(){
	if($('overlay1') && $('overlay2')){
		if (window.innerHeight){
			theHeight=window.innerHeight;
		}else if (document.documentElement && document.documentElement.clientHeight){
			theHeight=document.documentElement.clientHeight;
		}else if (document.body){
			theHeight=document.body.clientHeight;
		} 
		
		theScrollHeight = window.getScrollHeight();
				
		if (window.innerWidth){
			theWidth=window.innerWidth;
		}else if (document.documentElement && document.documentElement.clientWidth){
			theWidth=document.documentElement.clientWidth;
		}else if (document.body){
			theWidth=document.body.clientWidth;
		}
		
		if (window.pageYOffset){
			theHeightOffset=window.pageYOffset;
		}else if (document.documentElement && document.documentElement.scrollTop){
			theHeightOffset=document.documentElement.scrollTop;
		}else if (document.body.scrollTop){
			theHeightOffset=document.body.scrollTop;
		}else{
			theHeightOffset=0;
		}
		
		if(!iexplore){
			if(theScrollHeight > theHeight){
				theWidth = theWidth - 17;
			}
		}
		
		$('overlay1').setStyle('width',(theWidth-1));
		$('overlay1').setStyle('height',(theScrollHeight-1));
		
		
		if(theWidth > 864){
			ovleft = Math.floor((theWidth-864)/2);
		}else{
			ovleft = 0;
		}
		$('overlay2').setStyle('left',ovleft);
		
		ovHeight = $('overlay2').getChildren()[0].getChildren()[1].getStyle('height').toInt() + 30;
		
		if(theScrollHeight > ovHeight){
			var reltop = Math.floor((theHeight-ovHeight)/2);
			//if(reltop < 0)
			ovtop = reltop + theHeightOffset;
		}else{
			ovtop = 0;
		}
		
		if(ovtop < 50){
			ovtop = 50;
		}
		
		
		$('overlay2').setStyle('top',(ovtop));
		
		theScrollHeight = window.getScrollHeight();
		if(theHeight > theScrollHeight){
			theScrollHeight = theHeight;
		}
		
		$('overlay1').setStyle('width',(theWidth-1));
		$('overlay1').setStyle('height',(theScrollHeight-1));
	}
}

function scroll_thumbs_left(){
	var thouterwidth = $('ig_fotogalerie_thumbsouter').getStyle('width').toInt();
	var thinnerwidth = $('ig_fotogalerie_thumbsinner').getStyle('width').toInt();
	var thinnerleft = $('ig_fotogalerie_thumbsinner').getStyle('left').toInt();
	
	if(!scrolling && (thinnerwidth > thouterwidth)){
		if((thinnerleft) < 0){
			scrolling = 1;
			var myEffect = $('ig_fotogalerie_thumbsinner').effects({
				duration		: 200,
				transition	: Fx.Transitions.Sine.easeInOut,
				onComplete	: function(){
					scrolling = 0;
				}
			});
			myEffect.start({
				'left': [thinnerleft, (thinnerleft+110)]
			});
		}
	}
}

function scroll_thumbs_right(){
	var thouterwidth = $('ig_fotogalerie_thumbsouter').getStyle('width').toInt();
	var thinnerwidth = $('ig_fotogalerie_thumbsinner').getStyle('width').toInt();
	var thinnerleft = $('ig_fotogalerie_thumbsinner').getStyle('left').toInt();
	
	if(!scrolling && (thinnerwidth > thouterwidth)){
		if((thinnerwidth + thinnerleft - 110) >= thouterwidth){
			
			var scrollbis = (thinnerleft-110);
			scrolling = 1;
			
			var myEffect = $('ig_fotogalerie_thumbsinner').effect('left', {
				duration		: 200,
				transition	: Fx.Transitions.Sine.easeInOut,
				onComplete	: function(){
					scrolling = 0;
				}
			});
			myEffect.start(thinnerleft, scrollbis);
			
		}
	}
}

function loadGalerieContent(typ, liste, dbzeile, galerieheader, position, showthumbs, showdescription){
	var newurl = '';
	if(!currenturl){
		currenturl = window.location.href;
	}
	var tempurl = currenturl.split('?');
	if(!position){
		position = 0;
	}
	if(tempurl[1]){
		newurl = currenturl+'&eID=getgalerie&typ='+typ+'&liste='+encodeURIComponent(liste)+'&dbzeile='+encodeURIComponent(dbzeile)+'&galerieheader='+encodeURIComponent(galerieheader)+'&position='+encodeURIComponent(position)+'&showthumbs='+encodeURIComponent(showthumbs)+'&showdescription='+encodeURIComponent(showdescription);
	}else{
		newurl = currenturl+'?eID=getgalerie&typ='+typ+'&liste='+encodeURIComponent(liste)+'&dbzeile='+encodeURIComponent(dbzeile)+'&galerieheader='+encodeURIComponent(galerieheader)+'&position='+encodeURIComponent(position)+'&showthumbs='+encodeURIComponent(showthumbs)+'&showdescription='+encodeURIComponent(showdescription);
	}
	var myHTMLRequest = new Ajax(newurl, {
			method: 'post',
			onComplete : function(html){
				$('ig_fotogalerie_inner_content').setHTML(html);
				positionOverlays();
			}
	});
	myHTMLRequest.request();
}