/**
 *	Get mouse position
 **/

/*var cX = 0;
var cY = 0;
var rX = 0;
var rY = 0;
var rollOverLeft = 0;

function UpdateCursorPosition(e)
{
	cX = e.pageX; cY = e.pageY;
}

function UpdateCursorPositionDocAll(e)
{
	cX = event.clientX; cY = event.clientY;
}

if(document.all)
{
	document.onmousemove = UpdateCursorPositionDocAll;
}
else
{
	document.onmousemove = UpdateCursorPosition;
}

function AssignPosition()
{
	if(self.pageYOffset)
	{
		rX = self.pageXOffset;
		rY = self.pageYOffset;
	}
	else if(document.documentElement && document.documentElement.scrollTop)
	{
		rX = document.documentElement.scrollLeft;
		rY = document.documentElement.scrollTop;
	}
	else if(document.body)
	{
		rX = document.body.scrollLeft;
		rY = document.body.scrollTop;
	}
	if(document.all)
	{
		cX += rX; 
		cY += rY;
	}
}*/


$(document).ready(
	function()
	{
		
		
		/*$("#findcityimg").mouseover(
			function()
			{
				imgOffset = $(this).offset();
				imgHeight = $(this).height();
				position  = imgHeight * 1 + imgOffset.top;
				$("#metrocity").css({top: position + "px", left: imgOffset.left + "px"}).slideDown("slow");
			}
		);
		$("body").mousemove(
			function(e)
			{
				mouseX = e.pageX;
				mouseY = e.pageY;
				if($("#metrocity").is(":visible"))
				{
					AssignPosition();
					cityDivOffset 	= $("#metrocity").offset();
					cityDivHeight 	= $("#metrocity").height();
					cityDivWidth 	= $("#metrocity").width();
					cityImgHeight 	= $("#findcityimg").height();
					cityDivLeft 	= cityDivOffset.left;
					cityDivTop 		= cityDivOffset.top;
					if((cityDivTop - 30) > mouseY)
					{
						$("#metrocity").slideUp("slow");
					}
					else if(cityDivLeft > mouseX)
					{
						$("#metrocity").slideUp("slow");
					}
					else if(cityDivLeft * 1 + cityDivWidth < mouseX)
					{
						$("#metrocity").slideUp("slow");
					}
					else if((cityDivTop * 1 + cityDivHeight) < mouseY)
					{
						$("#metrocity").slideUp("slow");
					} 
				}
			}
		
		);*/
		
		
		
		
		
		
		/**
		 *
		 **/
		 
		 $("#imgfindcity").data("CityDropdown", true);
		 
		 $("#dvmetrocity").data("CityDropdown", true).find("*").data("CityDropdown", true);
		 
		 
		 $("#imgfindcity").click(
		 	function()
			{
				imgOffset = $(this).offset();
				imgHeight = $(this).height();
				position  = imgHeight + imgOffset.top;
				$("#dvcategory").hide();
				$("#dvmetrocity").css({top: position + "px", left: imgOffset.left + "px"}).slideDown("slow", 	function()
																												{
																													linkOffset = $("#imgfindcity").offset();
																													$("#dvmetrocity").css({left: linkOffset.left + "px"})
																												});
			}
		 );
		 
		 $("#lnkCityDropdownClose").click(
		 	function()
			{
				$("#dvmetrocity").slideUp("slow");
				
				$(this).parent().blur();
				
				return false;
			}
		);
		
		//$(window).mousemove(hidedropdowns);
		$("body").mousemove(hidedropdowns);
		
		
		 $("#imgsectornews").data("CategoryDropdown", true);
		 
		 $("#dvcategory").data("CategoryDropdown", true).find("*").data("CategoryDropdown", true);
		
		 $("#imgsectornews").click(
		 	function()
			{
				imgOffset = $(this).offset();
				imgHeight = $(this).height();
				position  = imgHeight + imgOffset.top;
				$("#dvmetrocity").hide();
				$("#dvcategory").css({top: position + "px", left: imgOffset.left + "px"}).slideDown("slow",	function()
																											{
																												linkOffset = $("#imgsectornews").offset();
																												$("#dvcategory").css({left: linkOffset.left + "px"})
																											});
			}
		 );
		 
		 $("#lnkCategoryDropdownClose").click(
		 	function()
			{
				$("#dvcategory").slideUp("slow");
				
				$(this).parent().blur();
				
				return false;
			}
		);
		
		$("#dvmetrocity").mouseout(lefthidedropdowns);
		$("#dvcategory").mouseout(lefthidedropdowns);
		$("#imgsectornews").mouseout(lefthidedropdowns);
		$("#imgfindcity").mouseout(lefthidedropdowns);
	}			// doccument ready end
);


function lefthidedropdowns(e)
{
	var dvCategory = $("#dvcategory");
	var dvMetroCity = $("#dvmetrocity");
	
	if(dvCategory.is(":visible"))
	{
		categoryOffset = dvCategory.offset();
		
		if(categoryOffset.left > e.pageX)
		{ 
			dvCategory.slideUp("slow");
		}
	}
	
	if(dvMetroCity.is(":visible"))
	{
		metroCityOffset = dvMetroCity.offset();
		
		if(metroCityOffset.left > e.pageX)
		{ 
			dvMetroCity.slideUp("slow");
		}
	}
}

function hidedropdowns(e)
{
	var target = $(e.target);
	//alert(target);
	if($("#dvmetrocity").is(":visible"))
	{
		if(!(target.data("CityDropdown") === true))
		{
			$("#dvmetrocity").slideUp("slow");
		}
	}
	
	if($("#dvcategory").is(":visible"))
	{
		if(!(target.data("CategoryDropdown") === true))
		{
			$("#dvcategory").slideUp("slow");
		}
	}
}