/**
* Init
*
*/
var elementIdOfCurrentAnimatingElement = null;
var subnavigationactive = false;
/**
* toggel nav element
*
*/
function toggelNavElement(id){
	if(id != null){
		if(id != elementIdOfCurrentAnimatingElement || elementIdOfCurrentAnimatingElement == null){
			if(!$(id).active){
				displayElement(id)
				// set elementIdOfCurrentAnimatingElement
				elementIdOfCurrentAnimatingElement = id;
			} else {
				hidedElement(id)
				// set elementIdOfCurrentAnimatingElement
				elementIdOfCurrentAnimatingElement = id;
				}
		} 
	}
}
/**
* display / hide elements useing scriptaculous blind effect  
*
*/
function displayElement(id){
	if(id != null){
		$(id).active = true;
		//display element
		Effect.BlindDown(id ,{duration: 0.5, afterFinish:function(){elementIdOfCurrentAnimatingElement = null}});
		$(id+'inactive').hide();
		$(id+'active').show();
	}
}

function hidedElement(id){
	if(id != null){
		$(id).active = false;
		//hide element
		Effect.BlindUp(id ,{duration: 0.5, afterFinish:function(){elementIdOfCurrentAnimatingElement = null}});
		$(id+'active').hide();
		$(id+'inactive').show();
	}
}

/**
* Set position
*/
function setpos(){
	var swidth = 787;
	var sheight = 528;
	
	 var viewportwidth;
	 var viewportheight;
	 if (typeof window.innerWidth != 'undefined'){
	      viewportwidth = window.innerWidth,
	      viewportheight = window.innerHeight
	 }else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0){
	       viewportwidth = document.documentElement.clientWidth,
	       viewportheight = document.documentElement.clientHeight
	 }else {
	       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
	       viewportheight = document.getElementsByTagName('body')[0].clientHeight
	 }
	 
	var toppos = ( viewportheight - sheight)/2;
	if(toppos < 0){
		toppos = 0;
		}
	var leftpos = (viewportwidth - swidth)/2;
	if(leftpos < 0){
		leftpos = 0;
		}
	if (Prototype.Browser.IE){
		$('wrapper').setStyle({top: toppos+'px'});
		$('wrapper').setStyle({left: leftpos+'px'});
		
	} else if(Prototype.Browser.WebKit){
		new Effect.Move($('wrapper'), { x:leftpos , y: toppos, mode: 'absolute' });
	
		$('wrapper').setStyle({top: toppos+'px'});
		$('wrapper').setStyle({left: leftpos+'px'});
		
	}else{					
		$('wrapper').setStyle({top: toppos+'px'});
		$('wrapper').setStyle({left: leftpos+'px'});
		}
};
/**
* Set Position after resize
*/
function resize(){
	var swidth = 787;
	var sheight = 528;
	
	 var viewportwidth;
	 var viewportheight;
	 if (typeof window.innerWidth != 'undefined'){
	      viewportwidth = window.innerWidth,
	      viewportheight = window.innerHeight
	 }else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0){
	       viewportwidth = document.documentElement.clientWidth,
	       viewportheight = document.documentElement.clientHeight
	 }else {
	       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
	       viewportheight = document.getElementsByTagName('body')[0].clientHeight
	 }
	 
	var toppos = ( viewportheight - sheight)/2;
	if(toppos < 0){
		toppos = 0;
		}
	var leftpos = (viewportwidth - swidth)/2;
	if(leftpos < 0){
		leftpos = 0;
		}
	if (Prototype.Browser.IE){
		new Effect.Move($('wrapper'), { x:leftpos , y: toppos, mode: 'absolute' });
	} else if(Prototype.Browser.WebKit){
		new Effect.Move($('wrapper'), { x:leftpos , y: toppos, mode: 'absolute' });
	}else{
		new Effect.Move($('wrapper'), { x:leftpos , y: toppos, mode: 'absolute' });
	}
}
/**
* Set position
*/
function splash_setpos(){
	var swidth = 112;
	var sheight = 44;
	
	 var viewportwidth;
	 var viewportheight;
	 if (typeof window.innerWidth != 'undefined'){
	      viewportwidth = window.innerWidth,
	      viewportheight = window.innerHeight
	 }else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0){
	       viewportwidth = document.documentElement.clientWidth,
	       viewportheight = document.documentElement.clientHeight
	 }else {
	       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
	       viewportheight = document.getElementsByTagName('body')[0].clientHeight
	 }
	 
	var toppos = ( viewportheight - sheight)/2;
	if(toppos < 0){
		toppos = 0;
		}
	var leftpos = (viewportwidth - swidth)/2;
	if(leftpos < 0){
		leftpos = 0;
		}
	if (Prototype.Browser.IE){
		$('splash').setStyle({top: toppos+'px'});
		$('splash').setStyle({left: leftpos+'px'});
		
	} else if(Prototype.Browser.WebKit){
		new Effect.Move($('splash'), { x:leftpos , y: toppos, mode: 'absolute' });
	
		$('splash').setStyle({top: toppos+'px'});
		$('splash').setStyle({left: leftpos+'px'});
		
	}else{					
		$('splash').setStyle({top: toppos+'px'});
		$('splash').setStyle({left: leftpos+'px'});
		}
};
/**
* Set Position after resize
*/
function splash_resize(){
	var swidth = 112;
	var sheight = 44;
	
	 var viewportwidth;
	 var viewportheight;
	 if (typeof window.innerWidth != 'undefined'){
	      viewportwidth = window.innerWidth,
	      viewportheight = window.innerHeight
	 }else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0){
	       viewportwidth = document.documentElement.clientWidth,
	       viewportheight = document.documentElement.clientHeight
	 }else {
	       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
	       viewportheight = document.getElementsByTagName('body')[0].clientHeight
	 }
	 
	var toppos = ( viewportheight - sheight)/2;
	if(toppos < 0){
		toppos = 0;
		}
	var leftpos = (viewportwidth - swidth)/2;
	if(leftpos < 0){
		leftpos = 0;
		}
	if (Prototype.Browser.IE){
		new Effect.Move($('splash'), { x:leftpos , y: toppos, mode: 'absolute' });
	} else if(Prototype.Browser.WebKit){
		new Effect.Move($('splash'), { x:leftpos , y: toppos, mode: 'absolute' });
	}else{
		new Effect.Move($('splash'), { x:leftpos , y: toppos, mode: 'absolute' });
	}
}
