$(document).ready(function() {
	
	//put the backgroun dimage into the page
	loadBackgroundImage();
	
	//resize the content div
	resizeContent();
	
	//fade the content
	$("#content *").fadeIn(500);
	
	//color for the links in
	$("#mainmenu div.itemwrap").mouseover(function () {
		$(this).find('a').css("color","#ffffff");
	});//end fade the menuitems in
		
		
	//color for the links out
	$("#mainmenu div.itemwrap").mouseleave(function() {
		$(this).find('a').css("color","#404040");
	});
	
});	//end document ready

function loadBackgroundImage(){
	var path = "http://www.auer-power.com/fileadmin/templates/auer-power-1/img/";
	var screenWidth = screen.width;
	var screenHeight = screen.height;
	var screenPixel = screenWidth+screenHeight;
	
	switch (screenPixel) {
		case 1792: //1024 x 768
			document.body.style.background = "transparent url("+path+"bg-1024x768.jpg) fixed 0 0 ";
			break;
		case 2000: //1280 x 720
			document.body.style.background = "transparent url("+path+"bg-1280x720.jpg) fixed 0 0 ";
			break;
		case 2048: //1280 x 768
			document.body.style.background = "transparent url("+path+"bg-1280x768.jpg) fixed 0 0 ";
			break;
		case 2080: //1280 x 800
			document.body.style.background = "transparent url("+path+"bg-1280x800.jpg) fixed 0 0 ";
			break;
		case 2100: //1200x900
			document.body.style.background = "transparent url("+path+"bg-1200x900.jpg) fixed 0 0 ";
			break;
		case 2180: //1280 x 900
			document.body.style.background = "transparent url("+path+"bg-1280x960.jpg) fixed 0 0 ";
			break;
		case 2340: //1440x900
			document.body.style.background = "transparent url("+path+"bg-1440x900.jpg) fixed 0 0 ";
			break;
		case 2450: //1400x1050
			document.body.style.background = "transparent url("+path+"bg-1400x1050.jpg) fixed 0 0 ";
			break;
		case 2500: //1600x900
			document.body.style.background = "transparent url("+path+"bg-1600x900.jpg) fixed 0 0 ";
			break;
		case 2800: //1600x1200
			document.body.style.background = "transparent url("+path+"bg-1600x1200.jpg) fixed 0 0 ";
			break;
		case 2730: //1680x1050
			document.body.style.background = "transparent url("+path+"bg-1680x1050.jpg) fixed 0 0 ";
			break;
		case 3000: //1920x1080
			document.body.style.background = "transparent url("+path+"bg-1920x1080.jpg) fixed 0 0 ";
			break;
		case 3120: //1920x1200
			document.body.style.background = "transparent url("+path+"bg-1920x1200.jpg) fixed 0 0 ";
			break;
		default:
			document.body.style.background = "transparent url("+path+"bg-1280x800.jpg) fixed 0 0 ";
	}//end switch
	
}//end function


function resizeContent(){
	var screenWidth = screen.width;
	var screenHeight = screen.height;
	var startFooter = screenHeight / 1.30;
	
	var contentHeight = Math.round(startFooter - 420); 
	
	$("#content").css("height",contentHeight);
	
	
}//end