$(document).ready(function(){

	// hide marea list onload
	$(document).ready(function(){
		$('.gui_country_lst_wrp, .gui_country_lst_wrp .gui_scroll').css({'display':'none'});
	});

	// hover manager marea list
	$('#gui_marea_lst li').hover(function(){
		$gui_hover = ($(this).attr('rel'));
		$('.gui_map_'+$gui_hover).addClass('gui_map_hvr_'+$gui_hover);
	},function(){
		$gui_hover = ($(this).attr('rel'));
		$('.gui_map_'+$gui_hover).removeClass('gui_map_hvr_'+$gui_hover);
	});

	// hover manager map
	$('#gui_wrld_img span').hover(function(){
		$gui_hover = ($(this).attr('rel'));
		$('.gui_label_'+$gui_hover).addClass('gui_lst_hover');
	},function(){
		$gui_hover = ($(this).attr('rel'));
		$('.gui_label_'+$gui_hover).removeClass('gui_lst_hover');
	});

	// show specific marea list
	$('#gui_marea_lst li, #gui_wrld_img span').click(function(){
		$('#gui_wrld_img, #gui_country_lst > div').css({'display':'none'});
		$('.gui_country_lst_wrp').css({'display':'block'});
		$gui_active_list = ($(this).attr('rel'));
		$('#gui_marea_lst li').css('background-color','transparent');
		$('#gui_marea_lst .gui_label_'+$gui_active_list).css('background-color','#f0f0f0');
		$('#gui_country_lst .gui_lst_'+$gui_active_list).show().jScrollPane();
	});

	// back to map
	$('#gui_back_map').click(function(){
		$('#gui_marea_lst li').css('background-color','transparent');
		$('#gui_wrld_img').css({'display':'block'});
		$('.gui_country_lst_wrp, #gui_country_lst > div').css({'display':'none'});

	});
});