// JavaScript Document




function pngalpha() {
	if( navigator.appName == 'Microsoft Internet Explorer' && navigator.platform == 'Win32' ) {
        var picId = 0;
        var overlayimage = './images/spacer.gif';

		while( picId < document.images.length ) {
            //Bildtyp ermitteln
            var ext = document.images[picId].src;
            ext = ext.substring(ext.length-3,ext.length);
            ext = ext.toLowerCase();

			if( ext == 'png' ) {
				var src = document.images[picId].src;
				var height = document.images[picId].height;
				var width = document.images[picId].width;
				
				document.images[picId].src = overlayimage;
				document.images[picId].height = height;
				document.images[picId].width = width;
				document.images[picId].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
			}
			++picId;
		}
	}
}
	


var ImageStatus = new Object;
ImageStatus['dia-1'] = 1;




var aktivDiaImg = -1;
var nextDiaImg = 0;

function change( force ) {
	
	var displayit = 1;
	
	for( var i = 0; i < sizeDiaImg; i++ ) {
		if( document.getElementById("dia"+i).complete == true ) {
			ImageStatus['dia'+i] == 1;
		}
		if( ImageStatus['dia'+i] == 0 ) {
			displayit = 0;
		}
	}
	
	if( force == 'force' ) {

		$("#canvas").slideDown( 2000, function() {
			$("div.loader").css('display', 'block'), showImage(1, 'auto') 
		});
		
		for( var i = 0; i < sizeDiaImg; i++ ) {
			ImageStatus['dia'+i] == 1;
		}
		
		showImage(1, 'force');
	}
	
	if( displayit == 1 || force == 'force' ) {
		$("div.loader img").css('display', 'none');
		$("div.loader").fadeOut(500);
	}
}


var showImageTimeOut = 1;


function showImage( step, typ ) {
	var oldDiaImg = aktivDiaImg;
	var newDiaImg = aktivDiaImg+Math.round(step);
	
	if(typ=='manuel') {
		showImageTimeOut = 0;
	}
	if( oldDiaImg < 0 ) {
		oldDiaImg = 0;
	}
	if( newDiaImg >= sizeDiaImg ) {
		newDiaImg = -99;
	}
	else if( newDiaImg < 0 ) {
		newDiaImg = Math.round(sizeDiaImg)-1;
	}
	
	// document.getElementById('debug').innerHTML = document.getElementById('debug').innerHTML + ' ' + aktivDiaImg + ' ' + ImageStatus['dia'+aktivDiaImg] + "\n";
	
	
	
	document.getElementById('debug').value = document.getElementById('debug').value + "\n" + newDiaImg;
	
	
	
	if( ImageStatus['dia'+aktivDiaImg] == 0 && document.getElementById("dia"+aktivDiaImg).complete != true ) {
		if( showImageTimeOut == 1 ) {
			window.setTimeout("showImage(1, '"+typ+"')", 1000);
		}
	}
	else if ( newDiaImg >= -1 ) {
		$("div.loader").fadeOut(500);
		
		$("#canvas div.blende").fadeIn(1000, function() {
			$("#canvas div.dia" + oldDiaImg ).hide(1);
			$("#canvas div.dia" + newDiaImg ).show(5, function() {
				$("#canvas div.blende").fadeOut(2500, function() {
					if( typ == 'auto' && showImageTimeOut == 1 ) {
						window.setTimeout("showImage(1, '"+typ+"')", 1000);
					}
					aktivDiaImg = newDiaImg;
				});
			})
		});
	}
	else {
		$("div.loader").fadeOut(500);
		
		$("#canvas div.blende").fadeOut(2500, function() {
			if( typ == 'auto' && showImageTimeOut == 1 ) {
				window.setTimeout("showImage(1, '"+typ+"')", 1000);
			}
			aktivDiaImg = newDiaImg;
		});
	}
}









$(document).ready(function(){
	
	pngalpha();
	
	// Start DiaShow if BG-Img load
	window.setTimeout("$(\"#canvas\").slideDown( 2000, function() { $(\"div.loader\").css('display', 'block'), showImage(1, 'auto') } );", 2000); // END slideDown
	
	// DiaShow 
	// $('#canvas div.image > img').load( function() { change(''); } );
	
	// Menue Hover
	$(".mainnav_l1 > .csshover").removeClass("csshover");
	$(".mainnav_l1 li > ul").fadeTo(100, 0.01);
	
	$(".mainnav_l1 li.l1").hover(
		function() {
			var thishover = $(this).attr("id") + '_ul';
			if($("#"+thishover).css("display") == 'none') {
				$("#"+thishover).slideDown(2000);
			}
		},
		function() {
			var thishover = $(this).attr("id") + '_ul';
			$("#"+thishover).slideUp(2000);
		}
	);
});