// 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 Weekend</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='http://travel.state.gov/travel/cbpmc/cbpmc_2223.html'>Travel Document</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='performerPolicy.html'>Performer's Policy</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] = "hotelFront.jpg";
	pictureFiles[1] = "hotelArial.jpg";
	pictureFiles[2] = "hotelRoomDelux.jpg";
	pictureFiles[3] = "hotelGolf.jpg";
	pictureFiles[4] = "hotelAtrium.jpg";
	pictureFiles[5] = "hotelPoolPyramid.jpg";
	pictureFiles[6] = "hotelSpa.jpg";
	pictureFiles[7] = "hotelPool.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] = "victorBurju.jpg";
	pictureFiles[1] = "shaka.jpg";
	pictureFiles[2] = "atacaAlemana.jpg";
	pictureFiles[3] = "marioB.jpg";
	pictureFiles[4] = "mambonita.jpg";
	pictureFiles[5] = "lee.jpg";
	pictureFiles[6] = "alSilva.jpg";
	pictureFiles[7] = "Noel-Rodriquez.jpg";
	pictureFiles[8] = "earl.jpg";
	pictureFiles[9] = "melissaPabon.jpg";
	pictureFiles[10] = "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='hotelInfo.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','hotelFront.jpg','0')" + "\"><em><b>The Resort</b></em></a></li>";
			html += "<li class='activeList' ><a href='#'  id='lineupLink' onclick=\"changeTabContent(" + "'tabContainer', 'lineup','victorBurju.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','hotelFront.jpg','0')" + "\"><em><b>The Resort</b></em></a></li>";
			html += "<li class='activeList' ><a href='#' class='act' id='lineupLink' onclick=\"changeTabContent(" + "'tabContainer', 'lineup','victorBurju.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','hotelFront.jpg','0')" + "\"><em><b>The Resort</b></em></a></li>";
			html += "<li class='activeList' ><a href='#'  id='lineupLink' onclick=\"changeTabContent(" + "'tabContainer', 'lineup','victorBurju.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','hotelFront.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','hotelFront.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','hotelFront.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;
}