$(document).ready(function(){ 
	$('#main_nav ul li a, #sub_nav ul li a').mouseover(function(){			
		toggleSrc($(this).find('img'),true);
	})

	$('#main_nav ul li a').not(".highLight").mouseout(function(){
		ulElement=	$(this).parent().find('ul');
		ulDisplay= ulElement.css('display');
		if(ulDisplay!='block'){
			toggleSrc($(this).find('img'),false);	
		}
	})
	
	
	$('#sub_nav ul li a').not(".highLight").mouseout(function(){			
		toggleSrc($(this).find('img'),false);
	})
	
	highLight();
	
});


//highThe highLight nav when hide the drop menu
function swith2Normal(ulElement){	
		ulDisplay= $(ulElement).css('display');
		if(ulDisplay!='block'){
			img=$(ulElement).parent().find("a").not(".highLight").find("img");;
			toggleSrc(img,false);	
		}
}
	


function toggleSrc(img,isShowHighLight){
	img=$(img);
	var src=img.attr("src");
	if(src==null || src=='')	return;
	currentHighLightImg=(src.toLowerCase().indexOf('\-h.gif')!=-1)
	if( isShowHighLight && !currentHighLightImg){//show HighLight
		 src= src.toLowerCase().replace(".gif","-h.gif");
	}
	
	if( !isShowHighLight &&currentHighLightImg){
		 src= src.toLowerCase().replace("-h.gif",".gif");
	}

	img.attr("src",src);

	return src;

}

function highLight(){

	var imgs=$('div>ul>li>a.highLight>img');
	for(var i=0; i<imgs.length; i++){
		toggleSrc(imgs[i],true);
	}
	
		 
}