var open_timeout = 500;
var close_timeout = 1500;
var can_close_box = 0;
var click_box = 0;
var browserName=navigator.appName;

$(document).ready(function(){
	$('#year').select_skin(); 
	$('#month').select_skin();
	$('#filter_by').select_skin();
	$('#choose_country').select_skin();

	var menu_down = 0;
	$('.top-menu li:has(ul)').click( 
	      function(e) 
	      { 
		 	if(menu_down == 0) {
	         		$(this).find('ul').slideDown('slow'); 
				if (browserName=="Microsoft Internet Explorer") {
					$('#top-bar .top-menu .countryTop .countryTopList').attr("style","position: absolute; left:535px;");
				}
				 menu_down = 1;
			} else {
				$(this).find('ul').slideUp('slow');
				 menu_down = 0;
			}
	      }
	 );
	 var lyr = 0;
	 $('.StepsPopUp').click(
	 	function(e)
		{
			//Uncomment to keep box open on click
			//click_box=1;
			lyr = $(this).attr("rel");
			var buff = '.'+lyr+' span';
			open_box(lyr);
	 	}
	 ); 

	 $('.StepsPopUp').hover(
	 	function(e)
		{
			if(click_box==0) {
				lyr = $(this).attr("rel");
				setTimeout("open_box('"+lyr+"')",open_timeout);	
			}
	 	},
		function(e) 
		{
			if(click_box==0) {
				can_close_box=1;
				lyr = $(this).attr("rel");
				setTimeout("close_box('"+lyr+"')",close_timeout);
			}
		}
	 ); 

	 $('.PopUp').hover(
	 	function(e)
		{
			if(click_box==0)
				can_close_box=0;
	 	},
		function(e) 
		{
			if(click_box==0) {
				can_close_box=1;
				setTimeout("close_box('"+lyr+"')",close_timeout);
			}
		}
	 ); 
	 
	 $('.close').click(function(){
	 	 click_box=0;
	 	 lyr = $(this).attr('rel');
		 can_close_box=1;
		 close_box(lyr);
	 });                        
});

function open_box(box)
{
	var buff = '.'+box+' span';
	switch(box)
	{
		case "step01":
			$('.step02 span, .step03 span, .step04 span').attr("style", "visibility: hiden");
			$(buff).attr("style","visibility:visible; left:200px; top:45px;");
		break;
		case "step02":
			$('.step01 span, .step03 span, .step04 span').attr("style", "visibility: hiden");
			$(buff).attr("style","visibility:visible; left:383px; top:45px;");
		break;
		case "step03":
			$('.step01 span, .step02 span, .step04 span').attr("style", "visibility: hiden");
			$(buff).attr("style","visibility:visible; left:165px; top:45px;");
		break;
		case "step04":
			$('.step01 span, .step02 span, .step03 span').attr("style", "visibility: hiden");
			$(buff).attr("style","visibility:visible; left:348px; top:45px;");
		break;
	}	
}

function close_box(box) 
{
	if(can_close_box) {
		$('.'+ box + ' span').attr("style", "visibility:hiden; left:-1500px");
	}
}