var loop_pause = 2000,loop;
var loop_pause2 = 1000,loop;

var loop_pause3 = 1000,loop;
var loop_pause4 = 0,loop;
var loop_pause5 = 4000,loop;

function openContent() {
	
	document.getElementById("contentcontainer").style.display = "none";
	document.getElementById("contentcontainer").style.height = "450px";	
	
	//document.getElementById("schild").style.display = "none";	
	loop=setTimeout('slidedown("footer")', loop_pause2);
	loop=setTimeout('slidedown("contentcontainer")', loop_pause);
	loop=setTimeout('activateButtons()', loop_pause5);
}

function activateButtons(){
	document.getElementById("menu1").className = "1";
	document.getElementById("menu2").className = "2";
	document.getElementById("menu3").className = "3";
	document.getElementById("menu4").className = "4";
}


function toggleContent() {	
	loop=setTimeout('toggleSlide("contentcontainer")', loop_pause3);
	loop=setTimeout('toggleSlide("footer")', loop_pause4);
	
	if(document.getElementById("arrow").className == "down"){		
		document.getElementById("arrow").className = "side";
		document.getElementById("arrow").src = "images/basis/side.png";		
		
		document.getElementById("menu_container").style.display = "none";
		document.getElementById("menu_container2").style.display = "block";
		
		//document.getElementById("menu1").className = "side";
		//document.getElementById("menu2").className = "side";
		//document.getElementById("menu3").className = "side";
		//document.getElementById("menu4").className = "side";
		
	} else {
		document.getElementById("arrow").className = "down";
		document.getElementById("arrow").src = "images/basis/down.png";
		
		document.getElementById("menu_container2").style.display = "none";
		document.getElementById("menu_container").style.display = "block";
		
		//document.getElementById("menu1").className = "1";
		//document.getElementById("menu2").className = "2";
		//document.getElementById("menu3").className = "3";
		//document.getElementById("menu4").className = "4";
	}
}

function arrowOver(status){
	
	if(status == "change"){
		if(document.getElementById("arrow").className == "down"){	
			document.getElementById("arrow").src = "images/basis/side.png";
		} else {
			document.getElementById("arrow").src = "images/basis/down.png";
		}
	} else {
		if(document.getElementById("arrow").className == "down"){	
			document.getElementById("arrow").src = "images/basis/down.png";
		} else {
			document.getElementById("arrow").src = "images/basis/side.png";
		}		
	}
}





$(function() {
$(".latest_img").css("opacity","0.2");
$(".latest_img").hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.2
}, "fast");
});
});


$(function() {
	$("#text p").css("opacity","0.2");
	$("#text p").hover(function () {
		if(document.getElementById('text').className == 'fadewel'){								 
			$(this).stop().animate({
				opacity: 1.0
			}, "fast");
		}
	},
	function () {		
		if(document.getElementById('text').className == 'fadewel'){			
			$(this).stop().animate({
				opacity: 0.2
			}, "fast");
		}
	});
});

$(function() {
$("#copyright").css("opacity","0.2");
$("#copyright").hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.2
}, "fast");
});
});


$(function() {
$("#div1").css("opacity","0.2");
$("#div1").hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.2
}, "fast");
});
});

$(function() {
$("#div2").css("opacity","0.2");
$("#div2").hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.2
}, "fast");
});
});

$(function() {
$("#div3").css("opacity","0.2");
$("#div3").hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.2
}, "fast");
});
});

$(function() {
$("#div4").css("opacity","0.2");
$("#div4").hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.2
}, "fast");
});
});

$(function() {
$("#div5").css("opacity","0.2");
$("#div5").hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.2
}, "fast");
});
});

$(function() {
$("#div11").css("opacity","0.2");
$("#div11").hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.2
}, "fast");
});
});

$(function() {
$("#div12").css("opacity","0.2");
$("#div12").hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.2
}, "fast");
});
});

$(function() {
$("#div13").css("opacity","0.2");
$("#div13").hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.2
}, "fast");
});
});

$(function() {
$("#div14").css("opacity","0.2");
$("#div14").hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.2
}, "fast");
});
});

$(function() {
$("#div15").css("opacity","0.2");
$("#div15").hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.2
}, "fast");
});
});

$(function() {
$("#div6").css("opacity","0.2");
$("#div6").hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.2
}, "fast");
});
});



$(function() {
$("#menu_container p").css("opacity","0.2");
$("#menu_container p").hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.2
}, "fast");
});
});