/************************************* GLOBALS ******************************************/


/************************************* ANIMATION ***************************************/
var speedup=1;
var activePage=0;


$(document).ready(function(){
	$('body').css({display:'block'});
	badBrowser = jQuery.browser.msie && jQuery.browser.version<7
	if(!badBrowser) initPage();
	else $('#browsers').css({display:'block'});

});
var colors;
if (language=='de'){
	colors= new Array ('#161600','#CE0363','#60C003','#510090','#E0E804','#8B0305','#161600');
} else {
	colors= new Array ('#161600','#CE0363','#60C003','#510090','#E0E804','#00BAFF','#161600');
}
var intro_positions = new Array(     0,  70,  100,   108);
var intro_appear    = new Array(   	 0,    0,    0,    0);
var intro_vanish    = new Array(  3000, 2000, 2000,    0);

var mainNaviInterval = 250;
var mainNavi_x = new Array(  0,309,618,  0,309,618);
var mainNavi_y = new Array(  0,  0,  0,310,310,310);
/*var mainNaviShrinked_x = new Array(724,780,835,724,780,835);
var mainNaviShrinked_y = new Array(478,478,478,533,533,533);*/
var mainNaviShrinked_x = new Array(744,790,835,744,790,835);
var mainNaviShrinked_y = new Array(488,488,488,533,533,533);
var zoomImageWidth = 0;
var zoomImageHeight = 0;
var introTimer;

function initPage(){
	$(window).bind('load',runIntro);
	$('#languageSelector').css({display:'none'});
	setTimeout(function(){
		$('#languageSelector').fadeIn(2000,function(){
//			$('#languageSelector').fadeOut(6000);
			});
		},3000);
	$('#subNavi').css({display:'none'});
	$('#logoStart').css({display:'none'});
//	$('#logoStart').animate({top:'200px'},1000,'easeOutBounce');
	$('.introImage').each(function(i){
		$(this).css({display:'none',top:intro_positions[i]+'px'});
		});
	$('.page').each(function(){
		if(this.id!='page_00') $(this).css({display:'none'});
		});
	$('.hover').each(function(i){
		$(this).css({left:'25%'});
		$(this).css({top:'25%'});
		});
	$('#mainNavi').css({opacity:0.9});
	$('.mainNavi').each(function(i){
		$(this).css({backgroundColor:colors[i+1]});
		$(this).css({opacity:0});
		$(this).css({left:mainNavi_x[i]+100+'px'});
		$(this).css({top:mainNavi_y[i]+100+'px'});
		$(this).css({width:'109px'});
		$(this).css({height:'110px'});
		$(this).bind('mouseover',mainNavi_hover);
		$(this).bind('mouseout',mainNavi_out);
		$(this).bind('click',mainNavi_click);
		});
	$('.zoomImage').each(function(){
		$(this).bind('click',zoomImageOpen);
		});
	$('#zoomImage_bg').bind('click',zoomImageClose);
	$('#zoomImage').bind('click',zoomImageClose);
	$('#zoomImageClose').bind('click',zoomImageClose);

	$('#logoStart').bind('click',function(){
		$('#logoStart').stop();
		$('#logoStart').fadeOut(500);
		window.clearTimeout(introTimer);
		showMainNavi(0);
	});
}
function runIntro(){
	$('#logoStart').fadeIn(2000/speedup,function(){
		$('#logoStart').fadeOut(1000/speedup); // intro removed original value 4000
//		animateIntro() // intro removed
		showMainNavi(0); // intro removed
	});
}

function zoomImageFitIn(){
	var winWidth = $(window).width();
	var winHeight  = $(window).height(); 
	if ((zoomImageWidth+60)>winWidth) {
		$('#zoomImage').css({width:'95%'});
		$('#zoomImage').css({left:'2.5%'});
	} else {
		$('#zoomImage').css({width:'auto'});
		$('#zoomImage').css({left:((winWidth-zoomImageWidth)/2)+'px'});

	}
	var imageWidthScaled = $('#zoomImage').width();
	var imageHeightScaled = $('#zoomImage').height();
	
	$('#zoomImage').css({top:((winHeight-imageHeightScaled)/2)+'px'});
}
function zoomImageLoaded(event){
	
	zoomImageWidth = $('#zoomImage').width();
	zoomImageHeight = $('#zoomImage').height();
	zoomImageFitIn();
	$('#zoomImage').unbind('onload',zoomImageLoaded);
	$('#zoomImage').animate({opacity:1},500);
}

function zoomImageOpen(event){
	event.preventDefault();
	$('#zoomImage_bg').css({display:'block',opacity:0});
	$('#zoomImage_bg').animate({opacity:0.5},500);
	$('#zoomImageClose').css({display:'block',opacity:0});
	$('#zoomImageClose').animate({opacity:0.5},500);
	$('#zoomImage').css({display:'block',opacity:0});
	$('#zoomImage').bind('load',zoomImageLoaded);
	$('#zoomImage').attr({src:event.currentTarget});
}
function zoomImageClose(){
	$('#zoomImage').fadeOut(500,function(){
		$(this).removeAttr('src');
		$(this).css({width:'auto'});
		}
	);
	$('#zoomImage_bg').fadeOut(500);
	$('#zoomImageClose').fadeOut(500);

	
}
function animateIntro(){
	$('#page_00').css({display:'block'});
	$('#mainNavi').css({display:'block'});
	$('#introImage').css({top:'0px'});
	$('#introImage').animate({top:'-180px'},9000/speedup,'linear',function(){
		$('#introImage').animate({top:'-190px'},1000/speedup,'easeOutCubic');

	});
	introTimer = window.setTimeout("showMainNavi(0)" ,9000/speedup);
	var vanish=0;
	for(var i=0; i<4; i++){
		window.setTimeout("$('#introImage_0"+(i+1)+"').fadeIn("+(500/speedup)+")" ,(intro_appear[i]+vanish)/speedup);
		if(intro_vanish[i]!=0) window.setTimeout("$('#introImage_0"+(i+1)+"').fadeOut("+(500/speedup)+")",(intro_vanish[i]+vanish)/speedup);
		vanish+=intro_vanish[i];
	} 
}
function showMainNavi(index){
	if (typeof(mainNavi_x[index])=='number'){
		$('#mainNavi_0'+(index+1)).animate({
			opacity:1,
			left:mainNavi_x[index]+'px',
			top:mainNavi_y[index]+'px',
			width:'309px',
			height:'310px'},
			mainNaviInterval/speedup,
			'linear',
			function(){showMainNavi(index+1)});
	}
}
function shrinkMainNavi(){
	for(var index=0 ; index<mainNaviShrinked_x.length ; index++){
		$('#mainNavi_0'+(index+1)).animate({
			left:mainNaviShrinked_x[index]+'px',
			top:mainNaviShrinked_y[index]+'px',
			width:'55px',
			height:'55px'},
			300,'linear');
	}
	$('#mainNavi').animate({
		opacity:0.5},
		300,'linear',
		function(){$('#mainNavi').css({display:'none'});});
}

function growMainNavi(){
	var scrollTimer = ($(window).scrollTop());
	$('html,body').animate({scrollTop: 0}, scrollTimer,'easeOutCubic',function(){
		for(var index=0 ; index<mainNavi_x.length ; index++){
			$('#mainNavi_0'+(index+1)).animate({
				left:mainNavi_x[index]+'px',
				top:mainNavi_y[index]+'px',
				width:'309px',
				height:'310px'},
				300,'linear');
		}
		$('#mainNavi').css({display:'block'});
		$('#mainNavi').animate({
			opacity:1},
			300,'linear');
		$('#page_0'+activePage).fadeOut(500);
	});
	if(activePage==6) activePage=0;
	
}

function mainNavi_hover(){
	$(this).children('.out').animate({opacity:0},200);
//	$(this).children('.out').fadeOut(200);
	$(this).children('.hover').animate({
		left:'0px',
		top:'0px',			
		width:'100%',
		height:'100%'},
		200);
}
function mainNavi_out(){
	$(this).children('.out').animate({opacity:1},200);
	$(this).children('.hover').animate({
		left:'25%',
		top:'25%',
		width:'50%',
		height:'50%'},
		200);
}
function mainNavi_click(event){
	event.preventDefault();
	var index=$(this)[0].id.substr(10,1);
	$('#languageSelector').fadeOut(1000);
	if(index==5 && language=='de'){
	} else {
		blendPage(index);
		shrinkMainNavi();
	}
}
function blendPage (nextPage){
	$('html,body').animate({scrollTop: 0}, 500,'easeOutQuart');
	$('#subNavi').css({'display':'block','background-image':'url(img/subNavi_0'+nextPage+'.png)'});
	$('#page_0'+nextPage).fadeIn(500);
	if(activePage!=nextPage){
		$('#page_0'+activePage).fadeOut(500);
		$('html').animate({ backgroundColor: colors[nextPage] },500);
	} else if(activePage==6) {
		$('body').fadeOut(1000,function(){location.reload();});
	}
	activePage=nextPage;
}
/**************************** DEBUGGING *********************************************/

var jsPromptPre = "";

function jp(promptTXT){
	promptTXT +=' ';
	if(document.getElementById('jsPrompt')){
		lines=promptTXT.split("\n");
		for (i=0;i<lines.length;i++){
			var newP = document.createElement("p");
			var newTXT = document.createTextNode(lines[i]);
			newP.appendChild(newTXT);
			document.getElementById('jsPrompt').appendChild(newP);
		}
	} else jsPromptPre+="\n"+promptTXT;
}
function jd(obj){
	var text ='';
	if (typeof(obj)=='object'){
		for(var key in obj) {
			if (key!='channel'){
				if (obj[key]&&(typeof(obj[key])!='function')) text+=key+" => "+obj[key]+"\n";
			}
//			if (obj[key]) text+=key+" => "+obj[key]+"\n";
		}
		jp(text);
	}
}