/**
 * @author administrator
 */

// Layers switching on agentur 1.column
function setZa(){
    // mit Obj-Var
    var obj1 = document.getElementById("link1").style.display = "block";
    var obj2 = document.getElementById("link2").style.display = "none";
    var obj3 = document.getElementById("link3").style.display = "none";
    var obj4 = document.getElementById("link4").style.display = "none";
    var obj9 = document.getElementById("link9").style.display = "none";
}

function setZb(){
    // mit Obj-Var
    var obj1 = document.getElementById("link1").style.display = "none";
    var obj2 = document.getElementById("link2").style.display = "block";
    var obj3 = document.getElementById("link3").style.display = "none";
    var obj4 = document.getElementById("link4").style.display = "none";
    var obj9 = document.getElementById("link9").style.display = "none";
}

function setZc(){
    // mit Obj-Var
    var obj1 = document.getElementById("link1").style.display = "none";
    var obj2 = document.getElementById("link2").style.display = "none";
    var obj3 = document.getElementById("link3").style.display = "block";
    var obj4 = document.getElementById("link4").style.display = "none";
    var obj9 = document.getElementById("link9").style.display = "none";
}

function setZd(){
    // mit Obj-Var
    var obj1 = document.getElementById("link1").style.display = "none";
    var obj2 = document.getElementById("link2").style.display = "none";
    var obj3 = document.getElementById("link3").style.display = "none";
    var obj4 = document.getElementById("link4").style.display = "block";
    var obj9 = document.getElementById("link9").style.display = "none";
}

function setZe(){
    // mit Obj-Var
    var obj1 = document.getElementById("link1").style.display = "none";
    var obj2 = document.getElementById("link2").style.display = "none";
    var obj3 = document.getElementById("link3").style.display = "none";
    var obj4 = document.getElementById("link4").style.display = "none";
    var obj9 = document.getElementById("link9").style.display = "block";
}

// Layers switching on page agentur 2.column
function setZg(){
    // mit Obj-Var
    var obj1 = document.getElementById("link5");
    var obj2 = document.getElementById("link6");
    var obj3 = document.getElementById("link7");
    var obj4 = document.getElementById("link8");
    obj1.style.zIndex = 8;
    obj2.style.zIndex = 7;
    obj3.style.zIndex = 6;
    obj4.style.zIndex = 5;
}

function setZh(){
    // mit Obj-Var
    var obj1 = document.getElementById("link5");
    var obj2 = document.getElementById("link6");
    var obj3 = document.getElementById("link7");
    var obj4 = document.getElementById("link8");
    obj1.style.zIndex = 7;
    obj2.style.zIndex = 8;
    obj3.style.zIndex = 6;
    obj4.style.zIndex = 5;
}

function setZi(){
    // mit Obj-Var
    var obj1 = document.getElementById("link5");
    var obj2 = document.getElementById("link6");
    var obj3 = document.getElementById("link7");
    var obj4 = document.getElementById("link8");
    obj1.style.zIndex = 7;
    obj2.style.zIndex = 6;
    obj3.style.zIndex = 8;
    obj4.style.zIndex = 5;
}

function setZj(){
    // mit Obj-Var
    var obj1 = document.getElementById("link5");
    var obj2 = document.getElementById("link6");
    var obj3 = document.getElementById("link7");
    var obj4 = document.getElementById("link8");
    obj1.style.zIndex = 7;
    obj2.style.zIndex = 5;
    obj3.style.zIndex = 6;
    obj4.style.zIndex = 8;
}


/* evaluate the height of an element  
var hgt = document.getElementById("col1").offsetHeight;
var hgt = document.getElementById("col1").clientHeight;
*/

/* getElementByClass on Agentur Page */
function agenturlayers(theClass) {
	var firstcol = document.getElementById("col1").offsetHeight;
	var secondcol = document.getElementById("col2").offsetHeight;

	var layer1 = document.getElementById("link1").offsetHeight;
	var layer2 = document.getElementById("link2").offsetHeight;
	var layer3 = document.getElementById("link3").offsetHeight;
	var layer4 = document.getElementById("link4").offsetHeight;
	
	var layer5 = document.getElementById("link5").offsetHeight;
	var layer6 = document.getElementById("link6").offsetHeight;
	var layer7 = document.getElementById("link7").offsetHeight;
	var layer8 = document.getElementById("link8").offsetHeight;
	
	// here we create the final height - we take only the highest layer
	var ht1 = firstcol + layer1 -16;
	var ht2 = secondcol + layer8 -16;
		//alert("Hoehe der 1.Spalte:  " + firstcol + "\n Hoehe des 1.Layer:  " + layer1 + "\n Hoehe des 2.Layer:  " + layer2 + "\n Hoehe des 3.Layer:  " + layer3 + "\n Hoehe des 4.Layer:  " + layer4);
		//alert("Hoehe der 2.Spalte:  " + firstcol + "\n Hoehe des 4.Layer:  " + layer5 + "\n Hoehe des 6.Layer:  " + layer6 + "\n Hoehe des 7.Layer:  " + layer7 + "\n Hoehe des 8.Layer:  " + layer8);
		//set the col height
		//document.getElementById("col1").style.height=ht1 + "px";
		document.getElementById("col2").style.height=ht2 + "px";		
		// here we set the height for the heighest layer to all layers
		document.getElementById("link1").style.height=layer1-16 + "px";
		document.getElementById("link2").style.height=layer1-16 + "px";
		document.getElementById("link3").style.height=layer1-16 + "px";
		document.getElementById("link4").style.height=layer1-16 + "px";
		
		document.getElementById("link5").style.height=layer8-16 + "px";
		document.getElementById("link6").style.height=layer8-16 + "px";
		document.getElementById("link7").style.height=layer8-16 + "px";
		document.getElementById("link8").style.height=layer8-16 + "px";
}



// Layers switching on homepage
function setZk(){
    // mit Obj-Var
    var obj5 = document.getElementById("a1");
    var obj6 = document.getElementById("a2");
    var obj7 = document.getElementById("a3");
    var obj8 = document.getElementById("a4");
    obj5.style.zIndex = 4;
    obj6.style.zIndex = 3;
    obj7.style.zIndex = 2;
    obj8.style.zIndex = 1;
}

function setZl(){
    // mit Obj-Var
    var obj5 = document.getElementById("a1");
    var obj6 = document.getElementById("a2");
    var obj7 = document.getElementById("a3");
    var obj8 = document.getElementById("a4");
    obj5.style.zIndex = 3;
    obj6.style.zIndex = 4;
    obj7.style.zIndex = 2;
    obj8.style.zIndex = 1;
}

function setZm(){
    // mit Obj-Var
    var obj5 = document.getElementById("a1");
    var obj6 = document.getElementById("a2");
    var obj7 = document.getElementById("a3");
    var obj8 = document.getElementById("a4");
    obj5.style.zIndex = 3;
    obj6.style.zIndex = 2;
    obj7.style.zIndex = 4;
    obj8.style.zIndex = 1;
}

function setZn(){
    // mit Obj-Var
    var obj5 = document.getElementById("a1");
    var obj6 = document.getElementById("a2");
    var obj7 = document.getElementById("a3");
    var obj8 = document.getElementById("a4");
    obj5.style.zIndex = 3;
    obj6.style.zIndex = 1;
    obj7.style.zIndex = 2;
    obj8.style.zIndex = 4;
}


/* get Layer Elements on Homepage */

function homelayer(){
	var col = document.getElementById("col2").offsetHeight;
	
	var layer9 = document.getElementById("a1").offsetHeight;
	var layer10 = document.getElementById("a2").offsetHeight;
	var layer11 = document.getElementById("a3").offsetHeight;
	var layer12 = document.getElementById("a4").offsetHeight;
	
	// here we create the final height - we take only the highest layer
	var ht3 = col + layer9 + 16;
	
	//alert("Hoehe der Spalte:  " + col + "\n Hoehe des 1.Layer:  " + layer9 + "\n Hoehe des 2.Layer:  " + layer10 + "\n Hoehe des 3.Layer:  " + layer11 + "\n Hoehe des 4.Layer:  " + layer12);
	// here we set the height for the heighest layer to all layers
	/*
	document.getElementById("col2").style.height=ht3 + "px";	
	document.getElementById("a1").style.height = layer9 + 16 + "px";
	document.getElementById("a2").style.height = layer9 + 16 + "px";
	document.getElementById("a3").style.height = layer9 + 16 + "px";
	document.getElementById("a4").style.height = layer9 + 16 + "px"; */
}

// rotator for the divs on the homepage
var zset = new Array (4);
zset[0] = "setZk" ;
zset[1] = "setZl" ;
zset[2] = "setZm" ;
zset[3] = "setZn" ;

var next = 0;
var timer;
function rotateLayer() {
	//alert(zset[next]+"()");
	a = zset[next]+'()';
	setTimeout(a,10);
	next++ ;
	
	if (next >= zset.length) next = 0;
	timer = setTimeout("rotateLayer()",20000);
}

function killRotate() {
	clearTimeout(timer);
} // end homepage div rotator

// jQuery stuff here
// used to display random project on homepage inside the rotator
var $j = jQuery.noConflict();
this.randomproject1 = function(){
    var length = $j("#gk li").length; // here isthe ID of the TAG
    var ran = Math.floor(Math.random() * length) + 1;
    $j("#gk li:nth-child(" + ran + ")").show();
};
$j(document).ready(function(){
    randomproject1();
});
this.randomproject2 = function(){
    var length = $j("#gb li").length; // here isthe ID of the TAG
    var ran = Math.floor(Math.random() * length) + 1;
    $j("#gb li:nth-child(" + ran + ")").show();
};$j(document).ready(function(){
    randomproject2();
});
this.randomproject3 = function(){
    var length = $j("#as li").length; // here isthe ID of the TAG
    var ran = Math.floor(Math.random() * length) + 1;
    $j("#as li:nth-child(" + ran + ")").show();
};
$j(document).ready(function(){
    randomproject3();
});
this.randomproject4 = function(){
    var length = $j("#wd li").length; // here isthe ID of the TAG
    var ran = Math.floor(Math.random() * length) + 1;
    $j("#wd li:nth-child(" + ran + ")").show();
};
$j(document).ready(function(){
    randomproject4();
});



// initial loader
function loadHome(){
	rotateLayer();
	homelayer();
}
// end loader