var hoehe = screen.height;
var breite = screen.width;
var clientH = (self.innerHeight || document.documentElement.clientHeight || document.body.clientHeight);
var g = 5;
var s = 3.0;
var inAnimation = false;
var v, bild, aktuell, addieren, id, gid, page, girl, bild;
var http = null;
var first = 'nein';

function tracking(page, girl, bild, first)
{
	if (window.XMLHttpRequest) {
		 http = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		 http = new ActiveXObject("Microsoft.XMLHTTP");
	}
	if (http != null) {
		 http.open("POST", "show_tracking.php", true);
		 //http.onreadystatechange = ausgeben;
		 http.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		 http.send("page_id="+page+"&bild="+bild+"&girl_id="+girl+"&first="+first);
	}
}

/*
function ausgeben() {
	 if (http.readyState == 4) {
			document.getElementById("Ausgabe").innerHTML = http.responseText;
	 }
}
*/

function zeige()
{
	if(inAnimation)
	{
		aktuell		+= addieren;
		addieren	+= s;
		
		if(aktuell >= 90)
		{
			inAnimation = false;
			transparenz(90);
		}else
		{
			transparenz(aktuell);
			if(aktuell >= 20)
			{
				document.getElementById('box').style.display 		 = 'block';
			}
			setTimeout('zeige()', g);
		}
	}
}

function transparenz(v)
{
	document.getElementById('galleryLayerBg').style.opacity 	= (v/100);
	document.getElementById('galleryLayerBg').style.MozOpacity 	= (v/100);
	document.getElementById('galleryLayerBg').style.filter 		= 'alpha(opacity='+v+')';
}

function hideIe6stuff(open)
{
 var elements = $A(document.getElementsByTagName('object'));
 elements.extend(document.getElementsByTagName(window.ie ? 'select' : 'embed'));
 elements.each(function(el){
  if (open) el.lbBackupStyle = el.style.visibility;
  el.style.visibility = open ? 'hidden' : el.lbBackupStyle;
 });
}

function openGalleryLayer(fsk, id, page)
{
	bild 		= 1;
	aktuell		= s;
	addieren	= s;
	transparenz(aktuell);
	
	tracking(page, id, bild, 'ja');
	hideIe6stuff(true);
	
	document.getElementById('galleryLayerBg').style.height 	= hoehe+'px';
	document.getElementById('box').style.top 				= Math.ceil((clientH/2)-329)+'px';
	document.getElementById('btnZur').style.display 		= 'none';
	document.getElementById('gallerylayer').style.display 	= 'block';
	document.getElementById('navi').style.display 			= 'block';
	inAnimation = true;
	
	setTimeout('zeige()', g);
	
	document.getElementById('bildsource').src 	= 'content/'+fsk+'/gallery/'+id+'/content/1.jpg';
	document.getElementById('btnZur').innerHTML = '<img src="/img/seite1/layer/show_gallery_btn1.png" width="64" height="16" alt="zurück" title="zurück" style="cursor:pointer;position:absolute;top:518px;left:30px;" onClick="bildZur('+id+','+page+');" />';
	document.getElementById('btnVor').innerHTML = '<img src="/img/seite1/layer/show_gallery_btn2.png" width="64" height="16" alt="weiter" title="weiter" style="cursor:pointer;position:absolute;top:518px;left:240px;" onClick="bildVor('+id+','+page+');" />';
}

function closeGalleryLayer()
{
	hideIe6stuff(false);
	document.getElementById('gallerylayer').style.display 	= 'none';
	document.getElementById('box').style.display 			= 'none';
	document.getElementById('bildsource').src 				= '/images/blank.gif';
}

function bildVor(id, page)
{
	if(bild == 6)
	{
		window.open('anmelden.php?tr=s1popup','_self');
	}else
	{
		document.getElementById('bildsource').src 		= '/images/blank.gif';
		bild++;
		tracking(page, id, bild, 'nein');
		document.getElementById('bildsource').src 		= '/content/fsk16/gallery/'+id+'/content/'+bild+'.jpg';
		document.getElementById('btnZur').style.display = 'block';
	}
}

function bildZur(id, page)
{
		gid = id;
		document.getElementById('bildsource').src = '/images/blank.gif';
		bild--;
		tracking(page, id, bild, 'nein');
		if(bild == 1)
		{
			document.getElementById('btnZur').style.display = 'none';
		}
		document.getElementById('bildsource').src = '/content/fsk16/gallery/'+gid+'/content/'+bild+'.jpg';
}

function getScrollTop()
{
	 if(document.documentElement.scrollTop)
			 return(document.documentElement.scrollTop);
	 else
			 return(document.body.scrollTop);
}

document.write("<style type=\"text/css\">#gallerylayer{position:fixed;top:0;left:0;position: expression(\"absolute\");top: expression(getScrollTop());}</style>");