/*
	scripts for iconlab.de
*/

var currentImageActive=1;
var changeInterval=wait*1000; // 10 seconds
var fadeSpeed=speed/2*1000; // 0.5 second
var fadeSpeed2=fadeSpeed/2;
var maxnum=maxzahl;
var maxnumf=maxzahlf;
var nr=1;            // active image number
var largeimage=['','web','3d','logo','foto','video','illu'];
var descArray=new Array("0");
var fotoArray=new Array("0");
var actSlide=1;
var maxwidth='1800px';   // big images max width

$(document).ready(function() {
	// read XML file
	$.get("init.xml", function(XMLmediaArray){
        $(XMLmediaArray).find("hauptbild").each(function(){
        	var $myXML = $(this);
        	var id = $myXML.attr("id");
       		var description = $myXML.find("desc").text();
			descArray.push(description);
        });
        $(XMLmediaArray).find("foto").each(function(){
        	var $myXML = $(this);
        	var id = $myXML.attr("id");
       		var description = $myXML.find("desc").text();
			fotoArray.push(description);
        });
    });
});

userAgent = window.navigator.userAgent;
browserVers = parseInt(userAgent.charAt(userAgent.indexOf("/")+1),10);
function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function findElement(n,ly) {
	if (browserVers < 4)		return document[n];
	var curDoc = ly ? ly.document : document;
	var elem = curDoc[n];
	if (!elem) {
		for (var i=0;i<curDoc.layers.length;i++) {
			elem = findElement(n,curDoc.layers[i]);
			if (elem) return elem;
		}
	}
	return elem;
}

function changeImages() {
	//soll Backbutton verbessern
	//location.replace('#');
	if (document.images && (preloadFlag == true)) {
		var img;
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			img = null;
			if (document.layers) {
				img = findElement(changeImages.arguments[i],0);
			}
			else {
				img = document.images[changeImages.arguments[i]];
			}
			if (img) {
				img.src = changeImages.arguments[i+1];
			}
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		m1_over = newImage("images/m1-over.jpg");
		m2_over = newImage("images/m2-over.jpg");
		m3_over = newImage("images/m3-over.jpg");
		m4_over = newImage("images/m4-over.jpg");
		m5_over = newImage("images/m5-over.jpg");
		m6_over = newImage("images/m6-over.jpg");
		preloadFlag = true;
	}
}

var insert = '';
for (var i=2;i<=maxnum;i++)
	insert += '<img src=images/bild_'+i+'.jpg border="0" width="425" height="264" class="bild" id=img'+i+' style=z-index:'+i+'>';
var j=maxnum++;

$(document).ready(function(){
	$('div#image-container').append(insert);
	for (var j=2;j<=maxnum;j++)
		$('#img'+j).fadeOut(1);
	var timer=setTimeout("changeImage(nr)", changeInterval);
});

// Fullscreen
function fullScreen(){
	self.moveTo(0,0);
	self.resizeTo(screen.availWidth,screen.availHeight);
	self.moveTo(0,0);
	self.resizeTo(screen.availWidth,screen.availHeight);
}

function changeImage(){
	$('#img'+nr).fadeOut(fadeSpeed,function(){
		nr++;
		if(nr>=maxnum) nr=1;
		if(maxnum>1){
			// sonst stoppt der Timer nicht!
			$('#img'+nr).fadeIn(fadeSpeed);
			var timer=setTimeout("changeImage(nr)", changeInterval);
		}
	});
}

function fader(myMenu) {
   var overflow = $('body').css('overflow');
   if (overflow == 'auto') $('body').css({'overflow': 'hidden'});

	maxnum=0;
	var actMenu=myMenu;
	for (var k=1;k<=6;k++) $('#m'+k).fadeOut(fadeSpeed2+k*50);
	$('#menu').fadeOut(fadeSpeed2+50);
	$('#teaser').fadeOut(fadeSpeed2+100);
	$('#text').fadeOut(fadeSpeed2+150);
	$('#img1').fadeOut(fadeSpeed2+200);
	$('#img'+nr).fadeOut(fadeSpeed2+250);
	$('#menu2').fadeTo(fadeSpeed,1);
	// make image visible
	$("#bildtext").remove();
	//$("#line3").remove();
	$('div#large-container').append('<div id="bildtext">'+descArray[myMenu]+'</div><div id="line3">&nbsp;</div>');
	$('div#large-container').append('<div id="line3">&nbsp;</div>');
	if(actMenu==4){
	$('div#large-container').append('<a id="link" href="#" onmouseup="showthumbs();" title="Klicken für mehr Bilder"><img src="bilder/gross/foto.jpg" border="0" id="bild4" style="visibility:hidden; width:100%; max-width:' + maxwidth + ';"></a>');
	} else {
	$('div#large-container').append('<a id="link" href="#" title="VOR >" onmouseup="slideVor();">');
   $('div#large-container').append('<img src="bilder/gross/'+largeimage[actMenu]+'.jpg" border="0" id="bild'+actMenu+'" style="visibility:hidden; width:100%; max-width:' + maxwidth + ';" ></a>');
	}
	document.getElementById('bild'+actMenu).style.visibility='visible';
	$('#bild'+actMenu).fadeTo(0,0);
	$('#bild'+actMenu).fadeTo(fadeSpeed,1);
}

function logoreturn() {
	maxnum=maxzahl;
	for (var k=1;k<=6;k++) $('#m'+k).fadeIn(fadeSpeed2+k*50);
	$('#menu').fadeIn(fadeSpeed2+50);
	$('#teaser').fadeIn(fadeSpeed2+100);
	$('#text').fadeIn(fadeSpeed2+150);
	$('#img1').fadeIn(fadeSpeed2+200);
	$('#menu2').fadeOut(fadeSpeed);
	$('div#large-container').fadeOut(fadeSpeed,function() {
    	window.location = "index.html";
	});
	//setTimeout('delayer()', fadeSpeed);
}

function delayer() {
	// reload page to default
    window.location = "index.html";
}

function showthumbs() {
	$('#bild4').fadeOut(fadeSpeed);
	var insert = '';
	var img1='bilder/data/images4/foto_';
	var th1='bilder/data/thumbnails4/foto_';
	var nm=9;
	if(maxnumf<10) nm=maxnumf;
	for (var i=1;i<=9;i++)
		insert += '<a href="#" onmouseup="showslide('+i+');" title="Bild '+i+'"><img src="'+th1+'0'+i+'.jpg" border="0" /></a>';
	if(maxnumf>9)
		for (var i=10;i<=maxnumf;i++)
		insert += '<a href="#" onmouseup="showslide('+i+');" title="Bild '+i+'"><img src="'+th1+i+'.jpg" border="0" /></a>';
	$('div#vlight').append(insert);
	$('div#vlight').fadeTo(0,0);
   $('div#vlight').fadeTo(fadeSpeed,1);
   $('div#large-container').fadeTo(fadeSpeed, 0, function(){
      overflow = $('body').css('overflow');
      if (overflow == 'hidden') $('body').css({'overflow': 'auto'});
   });
}

function showslide(mySlide) {
   var overflow = $('body').css('overflow');
   if (overflow == 'auto') $('body').css({'overflow': 'hidden'});

	// show first slide
	actSlide=mySlide;
	$("#bildtext").remove();
	document.getElementById('navi').style.visibility='visible';
	$('#navi').fadeTo(0,0);
	$('#navi').fadeTo(fadeSpeed,1);
	var nl='0';
	if(actSlide>9) nl='';
	$('div#large-container').append('<div id="bildtext">'+fotoArray[actSlide]+'</div>');
	$('div#large-container').append('<div id="line3">&nbsp;</div>');
   $('div#large-container').append('<a id="link" href="#" title="VOR >" onmouseup="slideVor();"><img id="bild" src="bilder/data/images4/foto_'+nl+actSlide+'.jpg" border="0" style="visibility:visible; width:100%; max-width:' + maxwidth + ';" ></a>');
	$('div#vlight').fadeOut(fadeSpeed);
	$('div#large-container').fadeTo(fadeSpeed,1);
}

function slideVor() {
	// slide forward
	$('div#large-container').fadeOut(fadeSpeed/2, function() {
		actSlide++;
		if(actSlide>maxnumf) actSlide=1;
		slidePrepare();
	});
}

function slideBack() {
	// slide backward
	$('div#large-container').fadeOut(fadeSpeed/2, function() {
		actSlide--;
		if(actSlide<1) actSlide=maxnumf;
		slidePrepare();
	});
}

function slidePrepare() {
	// prepare new slide, remove old
	$("#bildtext").remove();
	$("#link").remove();
	$("#line3").remove();
	$("#bild").remove();
	slideNew();
}

function slideNew() {
   var overflow = $('body').css('overflow');
   if (overflow == 'auto') $('body').css({'overflow': 'hidden'});

	// show new slide
	var nl='0';
	if(actSlide>9) nl='';
	$('div#large-container').append('<div id="bildtext">'+fotoArray[actSlide]+'</div>');
	$('div#large-container').append('<div id="line3">&nbsp;</div>');
   $('div#large-container').append('<a id="link" href="#" title="VOR >" onmouseup="slideVor();"><img id="bild" src="bilder/data/images4/foto_'+nl+actSlide+'.jpg" border="0" style="visibility:visible; width:100%; max-width:' + maxwidth + ';" ></a>');
	$('div#large-container').fadeIn(fadeSpeed/2);
}

function hideslide() {
	$('div#large-container').fadeTo(fadeSpeed,0);
	$("#bildtext").remove();
	$("#bild").remove();
	$("#line3").remove();
	$('div#vlight').fadeIn(fadeSpeed);
	$('#navi').fadeTo(fadeSpeed,0,function() {
		document.getElementById('navi').style.visibility='hidden';
	});
}

function showimpressum(oben,links) {
	document.getElementById('impressum').style.top=oben+'px';
	document.getElementById('impressum').style.left=links+'px';
	document.getElementById('impressum').style.visibility='visible';
	document.getElementById('impr2').style.top=oben+382+'px';
	document.getElementById('impr2').style.left=links+'px';
	document.getElementById('impr2').style.visibility='visible';
	$('#impressum').fadeTo(0,0);
	$('#impressum').fadeTo(fadeSpeed,1);
	$('#impr2').fadeTo(0,0);
	$('#impr2').fadeTo(fadeSpeed,1);
}