// JavaScript Document

/*

//NOT BEING USED NOW

function buildVideoHtml (videoName) {

	var videoHTML = "";	

	var videoURL = getVideoUrl(videoName);

	videoHTML = "<object width='347' height='205'><param name='movie' value='" + videoURL + "'></param><param name='allowFullScreen' value='true'></param><param name='allowscriptaccess' value='always'></param>";

	videoHTML += "<embed src='" + videoURL + "' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='347' height='205'></embed></object>";

	return videoHTML;

	

}



function getVideoUrl (videoName) {

	switch (videoName) {

		case 'hotelPromo':

			return "http://www.youtube.com/v/VSUOut5QrvA&hl=en&fs=1&color1=0x5d1719&color2=0xcd311b";		

			break;

		

	}

}

*/

function buildPastEventsMenu() {

	var menuHTML = "";

	menuHTML = "<ul class='list7'>";

	menuHTML += "<li><a href='http://allstarsalsacruise.com/2005_photos'>ASSC 2005</a></li>";

	menuHTML += "<li><a href='http://allstarsalsacruise.com/2006_'>ASSC 2006</a></li>";

	menuHTML += "<li><a href='http://allstarsalsacruise.com/2007_photos'>ASSC 2007</a></li>";

	menuHTML += "<li><a href='http://stuckonsalsa.smugmug.com/gallery/6525819_6JmCq#414851175_bTC93'>ASSW 2008</a></li>";

	menuHTML += "<li><a href='http://allstarsalsacruise.com/2009'>IASSC 2009</li></a>";

	menuHTML += "</ul>";

	return menuHTML;

}





function buildStayConnectedMenu() {

	var menuHTML = "";

	menuHTML = "<ul class='list7'>";

	menuHTML += "<li><a href='http://www.facebook.com/group.php?gid=7967333948'>SOS Facebook Group</a></li>";

	menuHTML += "<li><a href='http://www.facebook.com/group.php?gid=24140461876&ref=ts&__a=1'>International All-Star Salsa Cruise</a></li>";

	menuHTML += "<li><a href='http://www.facebook.com/group.php?gid=104345786842'>All-Star Salsa & Bachata Cruise</a></li>";

	menuHTML += "<li><a href='http://www.themamboscene.com/'>The Mambo Scene</a></li>";

	menuHTML += "</ul>";

	return menuHTML;

}





function buildMoreInfoMenu() {

	var menuHTML = "";


	menuHTML = "<ul class='list7'>";

//	menuHTML += "<li><a href='http://www.cancuntransfers.com/php/cancuntransfers.php'>Airport Transportation</a></li>";

	menuHTML += "<li><a href='travelDocuments.html'>Travel Documents Needed</li></a>";

	menuHTML += "<li><a href='cancellationPolicy'>Cancellation Policy</li></a>";

	menuHTML += "<li><a href='responsibility.html'>Responsibilty</li></a>";

	//menuHTML += "<li><a href='allInclusiveDetail.html'>All-Inclusive Package</li></a>";

	menuHTML += "<li><a href='proectionPlan.html'>Carnival's Vacation Protection Plan</li></a>";

	menuHTML += "</ul>";

	return menuHTML;

}



function buildMostRecentEventMenu(picPosition) {

	var numOfPics = 18;

	var menuHTML = "";



	//begin creating list of pictures

	menuHTML = "<ul class='list1'><form>";

	

	for(var i = 0; i < numOfPics; i++) {

		menuHTML += "<li><a href='#' onclick=\"changeTabContent('tabContainer', 'recent','asc-09-" + (i+1) + "'," + i + ")\">";

		//set which list img to depress

		if (i == picPosition) {

			menuHTML += "<img src='images/icon-2.gif' alt='' /></a></li>";

		} else {

			menuHTML += "<img src='images/icon-1.gif' alt='' /></a></li>";

		}



	}

	//close list

	menuHTML += "</form></ul>";	

	return menuHTML;

}



function setTabContainerHeaderTxt(txt) {

	document.getElementById("tabContainerHeader").innerHTML = txt;	

}





function buildResortMenu(picPosition) {

	var pictureFiles = new Array();

	pictureFiles[0] = "shipPoolDeck.jpg";

	pictureFiles[1] = "shipTheater.jpg";

	pictureFiles[2] = "shipJacuzzi.jpg";

	pictureFiles[3] = "shipChairs.jpg";

	pictureFiles[4] = "shipLobby.jpg";

	pictureFiles[5] = "shipPoolSlide.jpg";

	var menuHTML = "";

	//begin creating list of pictures

	menuHTML = "<ul class='list1'><form>";

	

	for(var i = 0; i < pictureFiles.length; i++) {

		menuHTML += "<li><a href='#' onclick=\"changeTabContent('tabContainer', 'resort','" + pictureFiles[i] + "'," + i + ")\">";

		//set which list img to depress

		if (i == picPosition) {

			menuHTML += "<img src='images/icon-2.gif' alt='' /></a></li>";

		} else {

			menuHTML += "<img src='images/icon-1.gif' alt='' /></a></li>";

		}



	}

	//close list

	menuHTML += "</form></ul>";	

	return menuHTML;

}



function buildLineupMenu(picPosition) {

	var pictureFiles = new Array();

	pictureFiles[0] = "santoRicoList.jpg";

	pictureFiles[1] = "atacaAlemanaList.jpg";

	pictureFiles[2] = "shakaList.jpg";

	pictureFiles[3] = "lizLiraList.jpg";

	pictureFiles[4] = "mambonita.jpg";

	pictureFiles[5] = "lee.jpg";

	pictureFiles[6] = "darlinGarciaList.jpg";

	pictureFiles[7] = "earl.jpg";

	pictureFiles[8] = "joseMariana.jpg";



	

	var menuHTML = "";

	//begin creating list of pictures

	menuHTML = "<ul class='list1'><form>";

	

	for(var i = 0; i < pictureFiles.length; i++) {

		menuHTML += "<li><a href='#' onclick=\"changeTabContent('tabContainer', 'lineup','" + pictureFiles[i] + "'," + i + ")\">";

		//set which list img to depress

		if (i == picPosition) {

			menuHTML += "<img src='images/icon-2.gif' alt='' /></a></li>";

		} else {

			menuHTML += "<img src='images/icon-1.gif' alt='' /></a></li>";

		}



	}

	//close list

	menuHTML += "</form></ul>";	

	return menuHTML;

}





function buildImgHtml (imgName,tabName) {

	switch(tabName){

		case "resort":

			return "<a href='shipInfo.html'><img src='images/" + imgName + "'></a>";

			break;

		case "lineup":

			return "<a href='allStarLineup.html'><img src='images/" + imgName + "'></a>";

			break;

		//there is no hyperlink for recent.  We just want to show those photos

		case "recent":

			return "<img src='images/" + imgName + "'>";

			break;

	}

}





function getHighlightedTabHtml(tabName) {

	var html = "";

	switch (tabName) {

		case "resort":

			html = "<ul class='list'>"

			html += "<li id='firstTabHeader'><a href='#' class='act' id='resortLink' onclick=\"changeTabContent(" + "'tabContainer', 'resort','shipPoolDeck.jpg','0')" + "\"><em><b>The Ship</b></em></a></li>";

			html += "<li class='activeList' ><a href='#'  id='lineupLink' onclick=\"changeTabContent(" + "'tabContainer', 'lineup','santoRicoList.jpg','0')" + "\"><em><b>All-Star Lineup</b></em></a></li>";

			html += "<li class='last'><a href='#' id='moreInfoLink' onclick=\"changeTabContent(" + "'tabContainer', 'moreinfo','moreInfo.jpg','0')" + "\"><em><b>More Info</b></em></a></li>";

			html += "</ul>";

			break;

		

		case "lineup":

			html = "<ul class='list'>"

			html += "<li id='firstTabHeader'><a href='#' id='resortLink' onclick=\"changeTabContent(" + "'tabContainer', 'resort','shipPoolDeck.jpg','0')" + "\"><em><b>The Ship</b></em></a></li>";

			html += "<li class='activeList' ><a href='#' class='act' id='lineupLink' onclick=\"changeTabContent(" + "'tabContainer', 'lineup','santoRicoList.jpg','0')" + "\"><em><b>All-Star Lineup</b></em></a></li>";

			html += "<li class='last'><a href='#' id='moreInfoLink' onclick=\"changeTabContent(" + "'tabContainer', 'moreinfo','moreInfo.jpg','0')" + "\"><em><b>More Info</b></em></a></li>";

			html += "</ul>";

			break;

		case "moreinfo":

			html = "<ul class='list'>"

			html += "<li id='firstTabHeader'><a href='#' id='resortLink' onclick=\"changeTabContent(" + "'tabContainer', 'resort','shipPoolDeck.jpg','0')" + "\"><em><b>The Ship</b></em></a></li>";

			html += "<li class='activeList' ><a href='#'  id='lineupLink' onclick=\"changeTabContent(" + "'tabContainer', 'lineup','santoRicoList.jpg','0')" + "\"><em><b>All-Star Lineup</b></em></a></li>";

			html += "<li class='last'><a href='#' class='act' id='moreInfoLink' onclick=\"changeTabContent(" + "'tabContainer', 'moreinfo','moreInfo.jpg','0')" + "\"><em><b>More Info</b></em></a></li>";

			html += "</ul>";

			break;

			

		case "connected":

			html = "<ul class='list'>"

            html += "<li class='first'><a href='#' class='act' onclick=\"changeTabContent('tabContainer', 'connected','shipPoolDeck.jpg','0')\"><em><b>Stay Connected</b></em></a></li>";

            html += "<li><a href='#' onclick=\"changeTabContent('tabContainer', 'recent','asc-09-1.jpg','0')\"><em><b>Most Recent Event</b></em></a></li>";

            html += "<li class='last'><a href='#' onclick=\"changeTabContent('tabContainer', 'past','','')\"><em><b>Past Events</b></em></a></li>";

           	html += "</ul>";

			break;

		case "recent":

			html = "<ul class='list'>"

            html += "<li class='first'><a href='#'  onclick=\"changeTabContent('tabContainer', 'connected','shipPoolDeck.jpg','0')\"><em><b>Stay Connected</b></em></a></li>";

            html += "<li><a href='#' class='act' onclick=\"changeTabContent('tabContainer', 'recent','asc-09-1.jpg','0')\"><em><b>Most Recent Event</b></em></a></li>";

            html += "<li class='last'><a href='#' onclick=\"changeTabContent('tabContainer', 'past','','')\"><em><b>Past Events</b></em></a></li>";

           	html += "</ul>";

			break;



		case "past":

			html = "<ul class='list'>"

            html += "<li class='first'><a href='#' onclick=\"changeTabContent('tabContainer', 'connected','shipPoolDeck.jpg','0')\"><em><b>Stay Connected</b></em></a></li>";

            html += "<li><a href='#' onclick=\"changeTabContent('tabContainer', 'recent','asc-09-1.jpg','0')\"><em><b>Most Recent Event</b></em></a></li>";

            html += "<li class='last'><a href='#' class='act' onclick=\"changeTabContent('tabContainer', 'past','','')\"><em><b>Past Events</b></em></a></li>";

           	html += "</ul>";

			break;

	}

	return html;

}







function setHighlightedTab(tabName) {

	var html = "";

	html = getHighlightedTabHtml(tabName);

	document.getElementById("tabHeaders").innerHTML = html;	

}



function changeTabContent (tabContainer,tabName, picFileName, picPosition) {

	var html = "";

	//check if video

	

	//clear tab container header

	setTabContainerHeaderTxt("");

	setHighlightedTab(tabName);

	

	//create button menu for pic selection

	switch (tabName) {

		case "resort":

			//set image to display

			html = buildImgHtml(picFileName,tabName);

			html += buildResortMenu(picPosition);

			break;

		case "lineup":

			//set image to display

			html = buildImgHtml(picFileName,tabName);

			html += buildLineupMenu(picPosition);

			break;

		case "moreinfo":

			//set image to display

			html = buildMoreInfoMenu();

			break;

			

		case "connected":

			//set image to display

			html = buildStayConnectedMenu();

			break;

		case "recent":

			//set image to display

			//html = "All-Star Salsa Cruise 09";

			setTabContainerHeaderTxt("All-Star Salsa Cruise 09");

			html = buildImgHtml(picFileName,tabName);

			html += buildMostRecentEventMenu(picPosition);

			break;



		case "past":

			//set image to display

			html = buildPastEventsMenu();

			break;

	}



	//alert(html);

	document.getElementById(tabContainer).innerHTML = html;

}