// JavaScript Document
var FiveStar;
var FourStar;
var ThreeStar;
var TwoStar;

var FiveStarsHotelsTitle;
var FourStarsHotelsTitle; 
var ThreeStarsHotelsTitle;
var BBHotelsTitle;

var FiveStarsHotelsLink;
var FourStarsHotelsLink;
var ThreeStarsHotelsLink;
var BBHotelsLink;

var currentLocation;

var ButtonArray = new Array;
var ButtonArrayTitle = new Array;
var ButtonArrayLink = new Array;

function PrepareMenuBar ()
{
	currentLocation = location.href;
	ButtonArray[0] = document.getElementById ("FiveStars");
	ButtonArray[1] = document.getElementById ("FourStars");
	ButtonArray[2] = document.getElementById ("ThreeStars");
	//ButtonArray[3] = document.getElementById ("TwoStars");
	
	ButtonArrayTitle[0] = document.getElementById ("FiveStarsHotelsTitle");
	ButtonArrayTitle[1] = document.getElementById ("FourStarsHotelsTitle");
	ButtonArrayTitle[2] = document.getElementById ("ThreeStarsHotelsTitle");
	ButtonArrayTitle[3] = document.getElementById ("BBHotelsTitle");
	
	ButtonArrayLink[0] = document.getElementById ("FiveStarsHotelsLink");
	ButtonArrayLink[1] = document.getElementById ("FourStarsHotelsLink");
	ButtonArrayLink[2] = document.getElementById ("ThreeStarsHotelsLink");
	ButtonArrayLink[3] = document.getElementById ("BBHotelsLink");

	AddEventListeners ();
	prepareCurrentLocation ();
}
function prepareCurrentLocation ()
{
	
	var SlashLocation = 0;
	while (currentLocation.indexOf ("/") > -1)
	{
		SlashLocation = currentLocation.indexOf ("/");
		currentLocation = currentLocation.substr(SlashLocation + 1);
	}
	currentLocation = currentLocation.replace(".php","");
	var tempCurrentBTN = document.getElementById (currentLocation);
	if (tempCurrentBTN != null)
	{
		tempCurrentBTN.src = tempCurrentBTN.src.replace (".png", "Active.png");
	}
}
function AddEventListeners ()
{
	for (var i = 0; i<ButtonArray.length; i++)
	{
		
		elm = ButtonArray[i];
		evType = "mouseover";
		fn = menuMouseOver;
		useCapture = false;
		addEvent (elm, evType,fn,useCapture);
		
		evType = "mouseout";
		fn = menuMouseOut;
		useCapture = false;
		addEvent (elm, evType,fn,useCapture);
		
		elm = ButtonArrayTitle[i];
		evType = "mouseover";
		fn = menuMouseOver;
		useCapture = false;
		addEvent (elm, evType,fn,useCapture);
		
		evType = "mouseout";
		fn = menuMouseOut;
		useCapture = false;
		addEvent (elm, evType,fn,useCapture);
		
		elm = ButtonArrayLink[i];
		evType = "mouseover";
		fn = menuMouseOver;
		useCapture = false;
		addEvent (elm, evType,fn,useCapture);
		
		evType = "mouseout";
		fn = menuMouseOut;
		useCapture = false;
		addEvent (elm, evType,fn,useCapture);

		
	}
}
function menuMouseOver (e)
{
	if (!e) var e = window.event;
	var TargetButton;
	if (!e.target) 
	{
  		TargetButton = e.srcElement;
	}
	else
	{
		TargetButton = e.target;
	}
	//alert (TargetButton);
	var TargetId = TargetButton.id;
	if (TargetId.indexOf ("Title") > -1)
	{
		var currentIndex = ButtonArrayTitle.indexOf (TargetButton);
		TargetButton = ButtonArray[currentIndex];
		var ImageName = TargetButton.src;
		if (ImageName.indexOf ("Over")<0 )
		{
			TargetButton.src = ImageName.replace(".png","Over.png");
		}

	}
	else if (TargetId.indexOf ("Link") > -1)
	{
		var currentIndex = ButtonArrayLink.indexOf (TargetButton);
		TargetButton = ButtonArray[currentIndex];
		var ImageName = TargetButton.src;
		if (ImageName.indexOf ("Over")<0 )
		{
			TargetButton.src = ImageName.replace(".png","Over.png");
		}

	}
	else
	{
		
		var ImageName = TargetButton.src;
		if (currentLocation != TargetButton.id)
		{
			if (ImageName.indexOf ("Over")<0 )
			{
				TargetButton.src = ImageName.replace(".png","Over.png");
			}
		}

	}
}
function menuMouseOut (e)
{
	if (!e) var e = window.event;
	var TargetButton;
	if (!e.target) 
	{
  		TargetButton = e.srcElement;
	}
	else
	{
		TargetButton = e.target;
	}
	//alert (TargetButton);
	var TargetId = TargetButton.id;
	if (TargetId.indexOf ("Title") > -1)
	{
		var currentIndex = ButtonArrayTitle.indexOf (TargetButton);
		TargetButton = ButtonArray[currentIndex];
		var ImageName = TargetButton.src;
		if (ImageName.indexOf ("Over")>-1 )
		{
			TargetButton.src = ImageName.replace("Over.png",".png");
		}

	}
	else if (TargetId.indexOf ("Link") > -1)
	{
		var currentIndex = ButtonArrayLink.indexOf (TargetButton);
		TargetButton = ButtonArray[currentIndex];
		var ImageName = TargetButton.src;
		if (ImageName.indexOf ("Over")>-1 )
		{
			TargetButton.src = ImageName.replace("Over.png",".png");
		}

	}
	else
	{
		
		var ImageName = TargetButton.src;
		if (currentLocation != TargetButton.id)
		{
			if (ImageName.indexOf ("Over")<0 )
			{
				TargetButton.src = ImageName.replace(".png","Over.png");
			}
		}

	}
}


