// header nav preload & rollover functions

$.preload( [ 'clientsmap-americas', 'clientsmap-europe', 'clientsmap-africa', 'clientsmap-asia', 'clientsmap-australia'], {
		base:'/img/nav_',
		ext:'-hover.jpg'
	});


$(function() {
		var btnArr = ["americas", "europe","asia","australia"];
		var selectedBtnId = $('.mapnav img.selected').attr('id');
		
		function changeMap() {
//			var country = $(this).attr("id");
			var country = currSect;
			$("#mapgraphic").attr({ src:"/img/map_"+country+".jpg" });
///			setSelected($(this).attr("id"));
		}
		
		function displayOverState() {
			var country = $(this).attr("id");
			var hvrImg = "/img/nav_clientsmap-"+country+"-hover.gif";
			$(this).attr("src", hvrImg);
		}
		
		function displayOffState() {
			if($(this).attr("id") != currSect){
				$(this).attr("src", $(this).attr("src").split("-hover.").join("."));
			}
		}
		
		function init() {
			$(".mapnav img").bind('mouseover', displayOverState);
			$(".mapnav img").bind('mouseleave', displayOffState);
			$(".mapnav img").bind('click', changeMap);	
		}
		
		function getIndex(id) {
			var len = btnArr.length;
			for(i=0; i<len; i++) {
				if(btnArr[i] == id) {
					return i;	
				}
			}
		}
		function releaseSelected() {
				$(".mapnav img").each(displayOffState);
		}
		
		
		function setSelected(id) {
			//releaseAll();
			$("#"+id).each(displayOverState);
			//btn.unbind('mouseover');
			//btn.unbind('mouseleave');		
		}
		
		init();
		setSelected(selectedBtnId);
		var currSect = selectedBtnId;
		changeMap();
});