﻿var previousMenu = 0;
var nextMenu = 0;

function navigationMouseOver(element, megaDropDownIndex)
{
	nextMenu = megaDropDownIndex;
	var megaDropDown = document.getElementById("MegaDropDown" + megaDropDownIndex);
	var links = $("#MegaDropDown" + megaDropDownIndex + " > .links");
	var megaDropDownBar = document.getElementById("MegaDropDownBar");
	
	if (megaDropDown)
	{
		megaDropDown.style.display = "block";
		
	}
}

function navigationMouseOut(element, megaDropDownIndex)
{
	nextMenu = -1;
	setTimeout('checkHideMenu(' + megaDropDownIndex + ')', 10);
}

function checkHideMenu(megaDropDownIndex)
{
	var megaDropDown = document.getElementById("MegaDropDown" + megaDropDownIndex);

	if (nextMenu == megaDropDownIndex)
	{
		return;
	}

	

	if (megaDropDown)
	{
		megaDropDown.style.display = "none";
	}
}
var PhotoMegaDropDownAutoScroll = true;
function ReWritePhotoGallery()
{
	var marginShift = 680;
	var buttonLeft = 525;
	var Elements = new Array();
	var Element = null;
	var pgmdd = $("#PhotoGalleryMegaDropDown > DIV");
	var children = pgmdd.children();

	if (children.length == 1)
	{
		if (children[0].tagName == "DIV")
		{
			pgmdd = $(children[0]);
			pgmdd.addClass("PhotoGalleryMegaDropDownAdmin");
		}
	}

	pgmdd.children().each(
	function (index, e)
	{
		var tagName = e.tagName;
		if (tagName == "H3")
		{
			Element = new Object();
			Element.Header = e.innerHTML;
		}

		if (tagName == "H6")
		{
			if (!Element)
			{
				Element = new Object();
			}
			Element.Footer = e.innerHTML;
		}

		if (tagName == "P")
		{
			var v = $(e).children().first();
			if (v.attr("tagName") == "IMG")
			{
				if (!Element)
				{
					Element = new Object();
				}

				Element.Image = v.attr("src");
				Elements[Elements.length] = Element;
				Element = null;
			}
			else
			{
				if (!Element)
				{
					Element = new Object();
				}
				Element.Paragraph = e.innerHTML;
			}
		}
	});

	pgmdd.empty();

	var photoGalleryBottomLinks = $("#PhotoGalleryBottomLinks");

	var size = Elements.length;

	var first = true;

	var currentMargin = 0;

	for (i = 0; i < size;i++)
	{
		var e = Elements[i];
		var aButtonLeft = buttonLeft + currentMargin;
		var d = "<div id='PhotoGalleryMegaDropDownSliderContainer" + i + "' shiftToMargin='-" + currentMargin + "px' ";
		
		if (first)
		{
			d += "style='display: block'";
			first = false;
		}
		d += ">";
		d += "<img src='" + e.Image + "' width='680' height='388' id='PhotoGalleryMegaDropDownImage" + i + "' />";

		var hadElement = false;
		var s = "<div id='PhotoGalleryMegaDropDownDiv" + i + "' style='left: " + currentMargin + "px'>";
		if (e.Header)
		{
			hadElement = true;
			s = s + "<h3>" + e.Header + "</h3>";
		}
		if (e.Paragraph)
		{
			hadElement = true;
			s = s + "<p>" + e.Paragraph + "</p>";
		}
		if (e.Footer)
		{
			hadElement = true;
			s = s + "<h6>" + e.Footer + "</h6>";
		}
		s += "</div>";

		if (hadElement)
		{
			d += s;
		}

		d += "<a href='/gallery.aspx' class='morePhotos roundButton' style='left: " + aButtonLeft + "px'><span><em>Search Photos</em></span></a> </div>";

		pgmdd.append(d);

		photoGalleryBottomLinks.append("<a href='javascript:PhotoGalleryMegaDropDownSelectImage(" + i + ", " + size + ");' ID='PhotoGalleryMegaDropDownLink" + i + "'>" + (i + 1) + "</a>");
		currentMargin += marginShift;
	}
	
	var photoGalleryMegaDropDownInnerContainer = $("#PhotoGalleryMegaDropDownInnerContainer");

	photoGalleryMegaDropDownInnerContainer.css("width", ((marginShift * size) + 500) + "px");

	PhotoGalleryMegaDropDownSelectImage(0, size, true);
}

function PhotoGalleryMegaDropDownSelectImage(index, length, auto)
{
	if (auto && !PhotoMegaDropDownAutoScroll)
	{
		return;
	}

	var animateTime = 500;
	$("#PhotoGalleryMegaDropDown > .selected").removeClass("selected").css("display", "none");
	$("#PhotoGalleryBottomLinks > .selected").removeClass("selected");

	$("#PhotoGalleryMegaDropDownLink" + index).addClass("selected");

	var photoGalleryMegaDropDownSliderContainer = $("#PhotoGalleryMegaDropDownSliderContainer" + index);

	var photoGalleryMegaDropDownInnerContainer = $("#PhotoGalleryMegaDropDownInnerContainer");
	photoGalleryMegaDropDownInnerContainer.stop().animate({ "marginLeft": photoGalleryMegaDropDownSliderContainer.attr("shiftToMargin") }, 500);


	var photoMegaDropDownGoLeftLink = document.getElementById("PhotoMegaDropDownGoLeftLink");
	photoMegaDropDownGoLeftLink.href = "javascript:PhotoGalleryMegaDropDownSelectImage(" + (index - 1) + ")";
	photoMegaDropDownGoLeftLink.style.display = "block";

	var photoMegaDropDownGoRightLink = document.getElementById("PhotoMegaDropDownGoRightLink");
	photoMegaDropDownGoRightLink.href = "javascript:PhotoGalleryMegaDropDownSelectImage(" + (index + 1) + ")";
	photoMegaDropDownGoRightLink.style.display = "block";

	if (index == 0)
	{
		photoMegaDropDownGoLeftLink.style.display = "none";
	}
	else if (!document.getElementById("PhotoGalleryMegaDropDownDiv" + (index + 1)))
	{
		photoMegaDropDownGoRightLink.style.display = "none";
	}

	if (auto && PhotoMegaDropDownAutoScroll)
	{
		i = index + 1;
		if (i >= length)
		{
			i = 0;
		}
		setTimeout("PhotoGalleryMegaDropDownSelectImage(" + i + "," + length + ", true)", 10000);
	}
	else
	{
		PhotoMegaDropDownAutoScroll = false;
	}
}

function destinationMegaDropDownMoveRight()
{
	var container = $("#DestinationMegaDropDownCaraselContainer");
	var table = $("#DestinationMegaDropDownCaraselTable");
	var margin = container.css("marginLeft");
	if (margin == "auto")
	{
		margin = 0;
	}
	else
	{
		margin = parseInt(margin.substring(0, margin.length - 2));
	}
	
	if (margin == NaN || ((margin * -1) + 300) < (table.outerWidth() - 917))
	{
		container.stop().animate({
			marginLeft: "-=154px"
		}, 1000);
	}
	else
	{
		container.stop().animate({
			marginLeft: ((table.outerWidth() - 925) * -1) + "px"
		}, 1000);
	}
}

function DestinationMegaDropDownMoveLeft()
{
	var container = $("#DestinationMegaDropDownCaraselContainer");
	var margin = container.css("marginLeft");
	margin = margin.substring(0, margin.length - 2);
	if (parseInt(margin) > -210)
	{
		container.stop().animate({
			marginLeft: "0px"
		}, 1000);
	}
	else
	{
		container.stop().animate({
			marginLeft: "+=154px"
		}, 1000);
	}
}
