$(document).ready(function(){
	

	// POSITION ROLLOVERS
	$("img.rollover").each(function(){
		
	})
	
	$("img.menuImg").live("click",function(){
		if($(this).attr("link") && $(this).attr("link") != '' && $(this).attr("link") !== undefined){
			document.location = $(this).attr("link");
		}
	})
				
	$("img.rollover").live("mouseover", function(){
		var x = $(this).attr("src");
		var s = x.substring(x.indexOf("images"),x.length);

		var firstPart = s.substring(0,11);
		var middlePart = s.substring(11,s.length-6);
		var lastPart = s.substring(s.length-4,s.length);
					
		//alert("first: " + firstPart + " :: second: " + middlePart + " :: last: " + lastPart);
		
		var newSource = firstPart + middlePart + "-h" + lastPart;
		$(this).attr("src",newSource);
		
		var id = $(this).attr("id");
		
		var pos = $(this).position();  
		var width1 = $(this).width();
		
		var width2 = $("#sub"+id).width();
			
		//var newLeft = pos.left + (width1 - width2)*.5;
		var newLeft = 0;
		
		//alert(pos.left + ' + ' + width1 + ' + ' + width2);
		//$("#sub"+id).css( { "left": newLeft + "px"} );
		
		showSubMenu(id);
	})
	
	$("#videoPlaylist").live("mouseover",function(){
		var id = $(this).attr("id");
		/*
		var pos = $(this).position();  
		var width1 = $(this).width();
		
		var width2 = $("#sub"+id).width();
			
		var newLeft = pos.left + (width1 - width2)*.5;
		//alert(pos.left + ' + ' + width1 + ' + ' + width2);
		$("#sub"+id).css( { "left": newLeft + "px"} );
		*/
		showSubMenu(id);
	})
	

	$("img.rollover").live("mouseout", function(){
		var x = $(this).attr("src");
		var s = x.substring(x.indexOf("images"),x.length);

		var firstPart = s.substring(0,11);
		var middlePart = s.substring(11,s.length-6);
		var lastPart = s.substring(s.length-4,s.length);
					
		//alert("first: " + firstPart + " :: second: " + middlePart + " :: last: " + lastPart);
		
		var newSource = firstPart + middlePart + "-n" + lastPart;
		$(this).attr("src",newSource);
	})
	
	
	$(".menuSubItem").live("mouseover",function(){
		$(this).addClass("menuSubItemHover");
	})
	$(".menuSubItem").live("mouseout",function(){
		$(this).removeClass("menuSubItemHover");
	})
	
	
	$(".menuSub").live("mousemove",function(){
		
		var id = $(this).attr("id");
		if(menuTimer) {
			clearTimeout(menuTimer);
		}
		menuTimer = setTimeout("$('#"+id+"').removeClass('menuSubShow');showSubMenu('none');",1000);
		//$(this).removeClass("menuSubItemHover");
	})
	
	$(".menuSub").live("mouseout",function(){
		
		var id = $(this).attr("id");
		if(menuTimer) {
			clearTimeout(menuTimer);
		}
		menuTimer = setTimeout("$('#"+id+"').removeClass('menuSubShow');showSubMenu('none');",1000);
		//$(this).removeClass("menuSubItemHover");
	})
	
	$(".menuSubItem.playlistItem").live("click",function(){
		//alert('hi');
		showSubMenu("none");
	})
	
	var menuTimer;
					
});

function showSubMenu(id){
	
	//CLOSE ALL SUB MENUS, JUST IN CASE- DON'T DO THIS IT IS VERY SLOW, ONLY GET ONES WITH MENUSUBSHOW CLASS ATTACHED
	$("div.menuSub,menuSubShow").removeClass("menuSubShow");
	if(id=="none"||$("#sub"+id).length<=0){
		$("#submenuspanhome").removeClass("hideMe");
	}
	else{
		$("#submenuspanhome").addClass("hideMe");
	}
	//MAKE CURRENT MENU SUB VISIBLE
	$("#sub"+id).addClass("menuSubShow");

}