/**
 * 
 */

jQuery(document).ready(function(){

	var code = '<div class="bkgholder"><ul>';
	
	code += '<li class="bkgimages" id="bkgimage1"><img src="fileadmin/templates/images/main_image_lusenberger.jpg" width="800" height="600"  alt="" /></li>';

	code += '<li class="bkgimages" id="bkgimage2"><img src="fileadmin/templates/images/lusenberger_main_isomet.jpg" width="800" height="600"  alt="" /></li>';

	code += '<li class="bkgimages" id="bkgimage3"><img src="fileadmin/templates/images/lusenberger_main_lgh.jpg" width="800" height="600"  alt="" /></li>';

	code += '<li class="bkgimages" id="bkgimage4"><img src="fileadmin/templates/images/lusenberger_main_lusenberger.jpg" width="800" height="600"  alt="" /></li>';

	code += '<li id="dot_overlay">&nbsp;</li>';
	
	code += '</ul></div>';
	
	jQuery(code).appendTo("#content-wrapper");
	jQuery(".bkgimages").hide();	//hide all the background images at the beginning
	jQuery("#bkgimage1").show();	

	jQuery(".Spalte1").hover(function(){
		jQuery(".bkgimages").hide();
		jQuery("#bkgimage4").show();
	},
	function(){
		jQuery(".bkgimages").hide();
		jQuery("#bkgimage1").show();
	});
	
	jQuery(".Spalte2").hover(function(){
		jQuery(".bkgimages").hide();
		jQuery("#bkgimage2").show();
	},
	function(){
		jQuery(".bkgimages").hide();
		jQuery("#bkgimage1").show();
	});
	
	jQuery(".Spalte3").hover(function(){
		jQuery(".bkgimages").hide();
		jQuery("#bkgimage3").show();
	},
	function(){
		jQuery(".bkgimages").hide();
		jQuery("#bkgimage1").show();
	});
	
	jQuery("#logo").hover(function(){
		jQuery(".bkgimages").hide();
		jQuery("#bkgimage1").show();
	},
	function(){
		jQuery(".bkgimages").hide();
		jQuery("#bkgimage1").show();
	});
	

});