jQuery(function($){
	$.each($("#containerContent > #mainCont > table.dragspel > tbody > tr > td"), function(){
		if($(this).width() > 50)
		{
			var height = $("#childMenuWrapper").height();
			$(this).css("height", height);
			
			$(this).find("h3").css({"cursor" : "pointer"});
			var backgroundImage = $(this).find("h3:last").siblings("p:last").find("img").clone();
			
			$.each($(this).find("h3"), function(i){
				var content = $(this).nextUntil("h3");
				$(this).addClass('elm-' + i);
				$(this).after('<div class="subContent" id="elm-' + i + '"></div>');
				$('#elm-'+i+'.subContent').append(content);				
			});
			
			$(this).find('.subContent:not(.subContent:last)').append(backgroundImage);
		}
	});
	
	hideShowSub('elm-0');
	
	function hideShowSub(elm)
	{
		$('.subContent:not(#' + elm + ')').slideUp('fast', function(){
			$('.subContent#' + elm).slideDown('fast');
		});
	}
	
	$("#containerContent > #mainCont > table.dragspel > tbody > tr > td").find("h3").live("click", function(){
		var elm = $(this).attr("class");
		hideShowSub(elm);
	});
	/////////////////////////////////////////////////////////// DROPDOWN MENU
	var pumpar = "<span class='parentMenu'>Pumpar:</span>"+
				"<a href='bornemann2.html'>Bornemann</a>"+
				"<span class='parentMenu'>Reservdelar & Service:</span>"+
				"<a href='allweiler.html'>Allweiler</a>"+
				"<a href='bornemann3.html'>Bornemann</a>"+
				"<a href='netzsch.html'>Netzsch</a>"+	
				"<a href='pcm.html'>PCM</a>"+
				"<a href='seepex.html'>Seepex</a>"+
				"<span class='parentMenu'>Begagnade pumpar:</span>"+
				"<a href='begagnade_pumpar.html'>Begagnade pumpar</a>";
	
	var drunkningslarm = "<a href='poseidon2.html'>Poseidon</a>";
	
	var kemikalier = ""+
				"<a href='rengoringsmedel.html'>Reng&ouml;ringsmedel</a>"+
				"<a href='flockningsmedel.html'>Flockningsmedel</a>"+
				"<a href='natriumhypoklorit.html'>Natriumhypoklorit</a>"+
				"<a href='salt.html'>Salt</a>";
				
	var vattenrening = "<a href='Trikloraminbrytare2.html'>Trikloraminbrytare</a>";
	
	var vattenautomater = "<a href='vontaine2.html'>VonTaine</a>";
	
	var nyheter = ""+
				"<a href='2012.html'>2012</a>"+
				"<a href='2011.html'>2011</a>";
	
	var om_oss = ""+
				"<a href='om_oss.html'>Om oss</a>"+
				"<a href='kontakta_oss.html'>Kontakta oss</a>";
	
	$("#menu").append("<div id='submenuholder'><div id='submenu'></div></div>");
	$("#menu li, #submenu, #subemnu a").mouseover(function(){
		var urlname = $(this).find('a').attr('href');
		if(urlname != '?pageName=start' && urlname != '?pageName=drunkningslarm'  && urlname != '?pageName=vattenrening' && urlname != '?pageName=vattenautomater' && urlname != '?pageName=nyheter')
		{
			switch($(this).find('a').attr('href'))
			{
			case '?pageName=pumpar':
				$("#options").remove();
				$("#submenu").append("<span id='options'>"+pumpar+"</span>");
				break;
			case '?pageName=drunkningslarm':
				$("#options").remove();
				$("#submenu").append("<span id='options'>"+drunkningslarm+"</span>");
				break;
			case '?pageName=kemikalier':
				$("#options").remove();
				$("#submenu").append("<span id='options' class='kem'>"+kemikalier+"</span>");
				break;
			case '?pageName=vattenrening':
				$("#options").remove();
				$("#submenu").append("<span id='options'>"+vattenrening+"</span>");
				break;
			case '?pageName=vattenautomater':
				$("#options").remove();
				$("#submenu").append("<span id='options'>"+vattenautomater+"</span>");
				break;
			case '?pageName=nyheter':
				$("#options").remove();
				$("#submenu").append("<span id='options'>"+nyheter+"</span>");
				break;
			case '?pageName=om_oss':
				$("#options").remove();
				$("#submenu").append("<span id='options' class='right'>"+om_oss+"</span>");
				break;
			}
			
			if($(".right").length > 0)
			{
				$("#options").css("float","right");
				$("#options").css("margin-right","-10px");
			}
			if($(".kem").length > 0)
			{
				var ie7 = (document.all && !window.opera && window.XMLHttpRequest) ? true : false;
				if(ie7)
				{
					$("#options").css("margin-left","180px");
				}
				else
				{
					$("#options").css("margin-left","190px");
				}
				
				
			}
				
				$("#menuBG").stop().animate({height:'150px'},{queue:false, duration:50}, function(){
				});
				$("#submenu").css("display","block");
			
		}
	});
	
	$("#menu li, #submenu, #subemnu a").mouseout(function(){
		$("#menuBG").stop().animate({height:'115px'},{queue:false, duration:100}, function(){
			
		});
		$("#submenu").css("display","none");
	});
	
});