var isOpen = false;
$(document).ready(function() {

	var $flyout2position = $(".region_flyout2");
	var $flyout1position = $(".region_flyout1");
	var $flyout2width = $(".region_flyout2").outerWidth();
	var $flyout1height = $(".region_flyout1").outerHeight();
	$("#region_selector").css("display", "none");
	$(".region_flyout1").css({
		'opacity' : 0
	});
	$(".region_flyout2").css({
		'opacity' : 0
	});
	$('.region_toggle1').click(function() {
		if (isOpen == false) {
			openUp()
			}
		else {
			closeUp()
			}
	});

	$('.region_toggle2').click(function() {
		if (isOpen == false) {
			openUp()
			}
		else {
			closeUp()
			}
	});


$(".region_flyout1 ul li a").click(function(e) {
        e.preventDefault(); 
	setRegion($(this).attr("id"));
        });

$(".region_flyout2 ul li a").click(function(e) {
        e.preventDefault(); 
	setRegion($(this).attr("id"));	
        });


function setRegion(region) {
            var callback = function(jsonObj) {		
                if(jsonObj.status == 1) {
			location.replace(location.protocol + "//" + location.hostname + location.pathname + "?region=" + region);
                }		

            };
        
            $.post("switch_region.jsp?region=" + region, null, callback, "json" );	
}


	function openUp() {
		$(".region_toggle1").css("backgroundPosition", "0 -21px");
		$("#region_selector").css("display", "block");
		$flyout1position.animate({
			top: 21, 
			opacity: 1
		}, {
			duration:400, 
			specialEasing: {
				top: 'easeOutSine'
			}, 
			complete: function()

			{
				$flyout2position.animate({
					right: $flyout2width-158, 
					opacity: 1
				}, {
					duration:400, 
					specialEasing: {
						right: 'easeOutSine'
					}, 
					complete: function()

					{
						isOpen = true;
					}
				});
			}
		});
	
}

function closeUp() {
	$flyout2position.animate({
		right: -$flyout2width+161, 
		opacity: 0
	}, {
		duration:400, 
		specialEasing: {
			right: 'easeOutSine'
		}, 
		complete: function() 

		{
			$(".region_toggle1").css("backgroundPosition", "0 0");
			$flyout1position.animate({
				top: -$flyout1height, 
				opacity: 0
			}, {
				duration:400, 
				specialEasing: {
					top: 'easeOutSine'
				}, 
				complete: function() 

				{
					isOpen = false;
					$("#region_selector").css("display", "none");
				}
			});

		}
	});		

}

$("#nam_map").mouseover(function() {
  $(".region_flyout2").css("background-position", "0 -202px");
});
$("#nam_map").mouseout(function() {
  $(".region_flyout2").css("background-position", "0 0");
});
$("#nam").mouseover(function() {
  $(".region_flyout2").css("background-position", "0 -202px");
});
$("#nam").mouseout(function() {
  $(".region_flyout2").css("background-position", "0 0");
});

$("#latam_map").mouseover(function() {
  $(".region_flyout2").css("background-position", "0 -404px");
});
$("#latam_map").mouseout(function() {
  $(".region_flyout2").css("background-position", "0 0");
});
$("#latam").mouseover(function() {
  $(".region_flyout2").css("background-position", "0 -404px");
});
$("#latam").mouseout(function() {
  $(".region_flyout2").css("background-position", "0 0");
});

$("#emea_map").mouseover(function() {
  $(".region_flyout2").css("background-position", "0 -606px");
});
$("#emea_map").mouseout(function() {
  $(".region_flyout2").css("background-position", "0 0");
});
$("#emea").mouseover(function() {
  $(".region_flyout2").css("background-position", "0 -606px");
});
$("#emea").mouseout(function() {
  $(".region_flyout2").css("background-position", "0 0");
});

$("#apac_map").mouseover(function() {
  $(".region_flyout2").css("background-position", "0 -808px");
});
$("#apac_map").mouseout(function() {
  $(".region_flyout2").css("background-position", "0 0");
});
$("#apac").mouseover(function() {
  $(".region_flyout2").css("background-position", "0 -808px");
});
$("#apac").mouseout(function() {
  $(".region_flyout2").css("background-position", "0 0");
});



});