YAHOO.namespace("WHOLETRAVEL");

function init() {
	YAHOO.WHOLETRAVEL.panel = new YAHOO.widget.Panel("lightbox", {
			width: "475px",
			height: "475px",
			fixedcenter: true,
			/* constrainttoviewport: true, */
			/* underlay: "shadow", */
			close: false,
			draggable: false,
			modal: true,
			visible: false,
			zindex:4
	});
	YAHOO.WHOLETRAVEL.panel.render();
	// YAHOO.WHOLETRAVEL.panel.hide();
	YAHOO.util.Event.addListener("showModuleWhatIsIt", "click", YAHOO.WHOLETRAVEL.panel.show, YAHOO.WHOLETRAVEL.panel, true);
	YAHOO.util.Event.addListener("showModuleEnvironment", "click", YAHOO.WHOLETRAVEL.panel.show, YAHOO.WHOLETRAVEL.panel, true);
	YAHOO.util.Event.addListener("showModuleEconomic", "click", YAHOO.WHOLETRAVEL.panel.show, YAHOO.WHOLETRAVEL.panel, true);
	YAHOO.util.Event.addListener("showModuleSocialCultural", "click", YAHOO.WHOLETRAVEL.panel.show, YAHOO.WHOLETRAVEL.panel, true);
	YAHOO.util.Event.addListener("showModuleCustomer", "click", YAHOO.WHOLETRAVEL.panel.show, YAHOO.WHOLETRAVEL.panel, true);
	YAHOO.util.Event.addListener("newsletterLink", "click", YAHOO.WHOLETRAVEL.panel.show, YAHOO.WHOLETRAVEL.panel, true);
	YAHOO.util.Event.addListener("feedbackLink", "click", YAHOO.WHOLETRAVEL.panel.show, YAHOO.WHOLETRAVEL.panel, true);
	YAHOO.util.Event.addListener("hideModule", "click", YAHOO.WHOLETRAVEL.panel.hide, YAHOO.WHOLETRAVEL.panel, true);			

	
	var Photo = (function() {
		var position = 0;
		var imageArray = YAHOO.util.Dom.getElementsByClassName('photo', 'img', 'photoList');
		var imageArrayLength = imageArray.length - 1;
		var easel = document.getElementById('mainPhoto');
		var interval = 0;
		return {
			play: function() {
				//alert(document.getElementById("play").innerHTML);
				if(document.getElementById("play").innerHTML == "Play") {
					interval = setInterval(Photo.forward, 3000);
					document.getElementById("play").innerHTML = "Stop";		
					document.getElementById('play').style.backgroundImage = "url(../img/btn_stop.gif)";
				} else {
					clearInterval (interval);
					document.getElementById("play").innerHTML = "Play";					
					document.getElementById('play').style.backgroundImage = "url(../img/btn_play.gif)";				
				}
			},
			forward: function() {
				if(position == imageArrayLength) {
					position = 0;
				} else {
					position++;
				}
				easel.src = imageArray[position].src;
			},
			rewind: function() {
				if(position == 0) {
					position = imageArrayLength;
				} else {
					position--;
				}
				easel.src = imageArray[position].src;
			},
			click: function() {
				var imageSrc = YAHOO.util.Dom.getElementsByClassName('photo', 'img', this);
				document.getElementById('mainPhoto').src = imageSrc[0].src;
			
			}
		}
	})();
	
	var imageLinkArray = YAHOO.util.Dom.getElementsByClassName('photoLink', 'a', 'photoList');
	
	YAHOO.util.Event.addListener("play", "click", Photo.play);
	YAHOO.util.Event.addListener("forward", "click", Photo.forward);
	YAHOO.util.Event.addListener("rewind", "click", Photo.rewind);
	
	for(i=0; i<imageLinkArray.length; i++) {
		YAHOO.util.Event.addListener(imageLinkArray[i], "click", Photo.click);
	}
	
	
	
	var Lightbox = (function() {
		var positionArray = YAHOO.util.Dom.getElementsByClassName('detailsPosition', 'li');
		var rankingArray = YAHOO.util.Dom.getElementsByClassName('rankingDescription', 'li');
		var detailsArray = YAHOO.util.Dom.getElementsByClassName('moduleRankingDetails', 'div');
		var position = 0;	
		var positionMax = positionArray.length - 1;
			
		return {
			forward: function() {
				YAHOO.util.Dom.removeClass(positionArray[position], "selected");
				YAHOO.util.Dom.removeClass(rankingArray[position], "selected");
				var id = detailsArray[position].id
				document.getElementById(id).style.display = "none";			
				if(position == positionMax) {
					position = 0;
				} else {
					position++;
				}
				YAHOO.util.Dom.addClass(positionArray[position], "selected");
				YAHOO.util.Dom.addClass(rankingArray[position], "selected");
				id = detailsArray[position].id
				document.getElementById(id).style.display = "block";
			},
			rewind: function() {
				YAHOO.util.Dom.removeClass(positionArray[position], "selected");
				YAHOO.util.Dom.removeClass(rankingArray[position], "selected");
				var id = detailsArray[position].id
				document.getElementById(id).style.display = "none";			
				if(position == 0) {
					position = positionMax;
				} else {
					position--;
				}
				YAHOO.util.Dom.addClass(positionArray[position], "selected");
				YAHOO.util.Dom.addClass(rankingArray[position], "selected");
				id = detailsArray[position].id
				document.getElementById(id).style.display = "block";
			}
			
		}			
	})();
	YAHOO.util.Event.addListener("moduleRankingForward", "click", Lightbox.forward);
	YAHOO.util.Event.addListener("moduleRankingRewind", "click", Lightbox.rewind);
		
		
	var Tabs = (function() {
		return {
			overview: function() {
				document.getElementById('overviewContainer').style.display = "block";
				document.getElementById('photoContainer').style.display = "none";
				document.getElementById('mapContainer').style.display = "none";		
				
				document.getElementById('overviewTab').className = "activeTab";			
				document.getElementById('photoTab').className = "inactiveTab";		
				document.getElementById('mapTab').className = "inactiveTab";	
			},
			
			photo: function() {
				document.getElementById('overviewContainer').style.display = "none";
				document.getElementById('photoContainer').style.display = "block";
				document.getElementById('mapContainer').style.display = "none";	
				
				document.getElementById('overviewTab').className = "inactiveTab";			
				document.getElementById('photoTab').className = "activeTab";		
				document.getElementById('mapTab').className = "inactiveTab";	
			},
			
			map: function() {
				document.getElementById('overviewContainer').style.display = "none";
				document.getElementById('photoContainer').style.display = "none";
				document.getElementById('mapContainer').style.display = "block";
				
				document.getElementById('overviewTab').className = "inactiveTab";			
				document.getElementById('photoTab').className = "inactiveTab";		
				document.getElementById('mapTab').className = "activeTab";	
			}
		}
	})();	
	YAHOO.util.Event.addListener("overviewTab", "click", Tabs.overview);
	YAHOO.util.Event.addListener("photoTab", "click", Tabs.photo);
	YAHOO.util.Event.addListener("mapTab", "click", Tabs.map);			
}

YAHOO.util.Event.addListener(window, "load", init);

function show(oID) {
	var o = document.getElementById(oID);
	// Not working on IE? 	
	// var p = document.getElementsByClassName('lightbox');
	var p = YAHOO.util.Dom.getElementsByClassName('lightbox');
	for (i=0;i<p.length;i++) p[i].style.display = 'none';
	o.style.display = 'block';
}

function swap(oID,obj) {
	show('wholerankings');
	var o = document.getElementById(oID);
	var s = document.getElementById(obj);
	// Not working on IE?
	var p = YAHOO.util.Dom.getElementsByClassName('moduleRankingDetails');
	var l = YAHOO.util.Dom.getElementsByClassName('rankingDescription');
	for (i=0;i<p.length;i++) p[i].style.display = 'none';

	for (i=0;i<l.length;i++) l[i].className = 'rankingDescription';
	
	s.className = 'rankingDescription selected';
	o.style.display = 'block';
}



var statusmsg=""

function hidestatus(){
	window.status=statusmsg
	return true
}


function setBreadcrumbs()
{
	var prevState = YAHOO.util.Cookie.getSubs("prevState");
	
}


function initListCookie(title, url, nextSiblingTitle, nextSiblingUrl, prevSiblingTitle, prevSiblingUrl) 
{
	var prevState = YAHOO.util.Cookie.getSubs("state");
	YAHOO.util.Cookie.set("prevState", prevState);	
	
	var state = {
			title: title,
			url: url,
			nextTitle: nextTitle,
			nextUrl:  nextUrl,
			prevTitle: prevtitle,
			prevUrl: prevUrl
	};
	YAHOO.util.Cookie.setSubs("state", state);		
}