//NAVIGATION



function CNavigation(){
	this.div1 = document.getElementById('divNav1');
	this.div2 = document.getElementById('divNav2');
	
	this.width1 = 747;
	this.width2 = 747;
	
	this.widthStart1 =  $('#nav1Website').width()+14;
	
	//init divNav1
	$(this.div1).css({width:this.widthStart1,opacity:1,visibility:'visible'});
	$(this.div2).css({opacity:0,visibility:'visible'});
	
	this.div1.scrollLeft = 0;
	this.div2.scrollLeft = 0;
	
	this.pos1 = 0;
	this.pos2 = 0;
	this.scrollLeft1 = 0;
	this.scrollLeft2 = 0;
	
	
	//init navigation entries
	var as = document.getElementsByTagName('a');
	for(var i=0;i<as.length;++i){
		var a = as[i];
		var id = a.id;
		
		if(id.indexOf('nav')!=0){
			continue;
		}
		
		a.hi = function(){
			if(!this.locked)
				this.className = 'hi';
		}
		a.lo = function(){
			if(!this.locked)
				this.className = 'lo';
		}	
		
		//attache events
		$("#"+id).hover(a.hi,a.lo);
		
		a.locked = false;
		a.lo();
		
	}
}

CNavigation.prototype = {
	
	div1:null,
	div2:null,
	
	pos1:null,
	pos2:null,
	scrollLeft1:null,
	scrollLeft2:null,
	
	nav1:null,
	nav2:null,
	
	width1:null,
	width2:null,
	
	
	set:function(_nav1,_nav2){
		
		//Nav 1
		var nav1 = document.getElementById('nav1'+_nav1);
		if(this.nav1 && this.nav1!=nav1){
			this.nav1.locked=false;
			this.nav1.lo();
			this.nav1 = null;
		}
		
		if(nav1 && this.nav1!=nav1){
			nav1.hi();
			nav1.locked=true;
			this.nav1 = nav1;
			
			//animate layer
			var pos = Math.round(nav1.parentNode.offsetLeft/this.width1);
			if(pos!=this.pos1){
				this.pos1 = pos;
				var width = (this.pos1==0) ? this.widthStart1 : this.width1; 
				$(this.div1).animate({width:width,scrollLeft:pos*this.width1,opacity:1},1000);
			} 
			
		}
		else if(!nav1){
			this.pos1 = 0;
			$(this.div1).animate({scrollLeft:0,opacity:0},1000);
		}
		
		
		//Nav 2
		var div2 = document.getElementById('div2'+_nav1);
		var nav2 = document.getElementById('nav2'+_nav2);
		
		if(this.nav2 && this.nav2!=nav2){
			this.nav2.locked=false;
			this.nav2.lo();
			this.nav2 = null;
		}
		
		//set nav1
		if(nav2){
			nav2.hi();
			nav2.locked=true;
			this.nav2 = nav2;
		}
		
		//animate div 2
		if(div2){
			var pos = Math.round(div2.offsetLeft/this.width2);
			
			if(pos!=this.pos2){
				this.pos2 = pos;
				$(this.div2).animate({width:this.width2,scrollLeft:pos*this.width2,opacity:1},1000);
			} 
		}
		else {
			this.pos2 = 0;
			$(this.div2).animate({scrollLeft:0,opacity:0},1000);
		}
		
		
		if(_nav1=='Aktuell'){
			var div = document.getElementById('divContent');
			$(div).css({height:467});
			lockContentHeight = true;
		}
		else {
			lockContentHeight = false;
			onresizeWindow();
		}
		
		
		//load page
		var page = _nav1+'.php';
		if(_nav2){
			page += '?p='+_nav2
		}
		
		loadPage(page.toLowerCase());
	}
	
	
	
};






//PAGE

var lockContentHeight = false;
var onresizeWindow;

function initPage(){
	var div = document.getElementById('divContent');
	
	
	onresizeWindow = function (){
		if(!lockContentHeight){
			var height = $(document.body).height()-$(div).offset().top-50;
			height = (height<467) ? 467 : height;
			$(div).css({height:height});
		}
	}
	
	$(window).bind('resize',onresizeWindow);
}



function loadPage(_src,_modal){
	var div = document.getElementById('divContent');
	var but = document.getElementById('divContentClose');
	
	//show/hide close button
	$(but).css({opacity:(_modal)?1:0,visibility:'visible'});
		
	if(_src){
		if(!div.visible){
			$(div).css({opacity:0,visibility:'visible'});
			$(div).animate({opacity:1},1000,function(){div.visible = true;});
		}
	
		document.getElementById('frmContent').src = _src;
	}
	else if(div.visible){
		$(div).animate({opacity:0},1000,function(){$(div).css('visibility','hidden');div.visible=false;});
	}
	
}









// LOGO

function initLogo(_left,_top){
	
	var div = document.getElementById('divLogo');
	var left = $.cookie('divLogoLeft');
	var top = $.cookie('divLogoTop');
	
	if(left=='' || top=='' || isNaN(parseInt(left)) || isNaN(parseInt(top))){
		$.cookie('divLogoLeft',_left);
		$.cookie('divLogoTop',_top);
	}
	
	left = parseInt($.cookie('divLogoLeft'));
	top = parseInt($.cookie('divLogoTop'));
	
	
	
	
	
	//bind events
	$('#divLogo').draggable({
		drag:function(event,ui){
			left = ui.position.left-$('#divWrapper').offset().left;
			top = ui.position.top;
			$.cookie('divLogoLeft',left);
			$.cookie('divLogoTop',top);
		},
		stop:function(event,ui){
			//alert('logo x='+$.cookie('divLogoLeft')+' y='+$.cookie('divLogoTop'));
		}
	});
	
	onresizeLogo = function (){
		$(div).css({left:$('#divWrapper').offset().left+left,top:top});
	}
	
	$(window).bind('resize',onresizeLogo);
	
	onresizeLogo();
	$(div).css({visibility:'visible'});
}



// INDIVIDUAL BAR

function initIndividual(){
	
	//init div
	var div = document.getElementById('divIndividual');
	div._state = false;
	div._locked = false;
	
	div._width = $('#divIndividual').width();
	div._height = $('#divIndividual').height();
	
	div.state = function(_state,_animate){
		this._locked = true;
		
		var top = (_state) ? 0 : -this._height;
		var time = (_animate) ? 1000 : 0; 
		$(this).animate({top:top},time,function(){this._locked=false});
	}
	
	//set state
	div.state(false,false);
	$(div).css('visibility','visible');
	
	//attach event
	$('#butIndividual').click(function(){
		if(div._locked) return null;
		div._locked = true;
		
		div.visible = !div.visible;
		div.state(div.visible,true);
	});
	
}