// -----------------------
//		Image Preloads
// -----------------------
var TSRest = new Image()
//URL is the Publication Url
TSRest.src = URL + "img/global/map/travel-map-none-dir.gif";
var TSafrica = new Image()
TSafrica.src = URL + "img/global/map/travel-map-africa-dir.gif";
var TSasia = new Image()
TSasia.src = URL + "img/global/map/travel-map-asia-dir.gif";
var TSeurope = new Image()
TSeurope .src = URL + "img/global/map/travel-map-europe-dir.gif";
var TScaribbean = new Image()
TScaribbean.src = URL + "img/global/map/travel-map-caribbean-dir.gif";
var TSlatinamerica = new Image()
TSlatinamerica.src = URL + "img/global/map/travel-map-latin-america-dir.gif";
var TSseasia = new Image()
TSseasia.src = URL + "img/global/map/travel-map-se-asia-dir.gif";
var TSnorthamerica = new Image()
TSnorthamerica.src = URL + "img/global/map/travel-map-north-america-dir.gif";
var TSmiddleeast = new Image()
TSmiddleeast.src = URL + "img/global/map/travel-map-middle-east-dir.gif";
var TSaustralia = new Image()
TSaustralia.src = URL + "img/global/map/travel-map-australia-dir.gif";

// -----------------------
// FUNCTION: fChangeTravelMap
// DESCRIPTION: image rollover change for Travel Search Map
// ARGUMENTS: None
// RETURN: None
// -----------------------
function fChangeTravelMap(sRegion,URL) {
	document.images['TravelSearchMap'].src = URL + "img/global/map/travel-map-"+sRegion+"-dir.gif";
	//alert(URL + "img/global/map/travel-map-"+sRegion+"-dir.gif");
}

// -----------------------
// FUNCTION: fResetTravelMap
// DESCRIPTION: image rolloff reset for Travel Search Map
// ARGUMENTS: None
// RETURN: None
// -----------------------
function fResetTravelMap(URL) {
	document.images['TravelSearchMap'].src = URL + "img/global/map/travel-map-none-dir.gif";
}

// -----------------------
// FUNCTION: fCreatePodcastCategories
// DESCRIPTION: tests to see if the podcast value is not nulls and allows form submission if not
// ARGUMENTS: None
// RETURN: None
// -----------------------
function fCreateTravelSearchDropdowns() {
	var sHTML = '';
	sHTML += '<div class="padding-top-7"></div>';
	sHTML += '<select id="country" name="country" size="1" style="width:165px;" onchange="fPopulateTSPlaces()" >';
	sHTML += '<option value="null" selected="selected"></option>';
	sHTML += '</select>';
	sHTML += '<div class="padding-top-7"></div>';
	sHTML += '<select id="city" name="city" size="1" style="width:165px;">';
	sHTML += '<option value="null" selected="selected"></option>';
	sHTML += '</select>';
	// Insert the HTML
	document.getElementById('TravelSearchDropdowns').innerHTML = sHTML;
}

// -----------------------
// FUNCTION: fPopulateTSCountries
// DESCRIPTION: A function that populates the country drop down dependent upon the category selected
// ARGUMENTS: None
// RETURN: None
// -----------------------
function fPopulateTSCountries() {
	var oRegionList = document.forms['travelSearchFormId'].region;
	//var sRegionNumber = oRegionList.options[oRegionList.selectedIndex].value;
	var sRegionNumber = oRegionList.selectedIndex-1;
	
	var aCountryList = aTS[sRegionNumber];
	var oCountryList = document.forms['travelSearchFormId'].country;
	oCountryList.options.length = 0;
	document.getElementById("city").length = 0;
	
	if (sRegionNumber != -1) {
		oCountryList.options[0] = new Option("Select","");
		for(var i=0;i<aCountryList.length;i++) {
			oCountryList.options[i+1] = new Option(aCountryList[i][0],aCountryList[i][0]);			
		}
	
	}
}

// -----------------------
// FUNCTION: fPopulateTSPlaces
// DESCRIPTION: Populates the place drop down dependent upon the country & region selected
// ARGUMENTS: None
// RETURN: None
// -----------------------
function fPopulateTSPlaces() {
	var oRegionList = document.forms['travelSearchFormId'].region;
	var sRegionNumber = oRegionList.selectedIndex-1;
	var oCountryList = document.forms['travelSearchFormId'].country;
	var sCountryNumber = oCountryList.selectedIndex-1;
	var aPlaceList = aTS[sRegionNumber][sCountryNumber];
	var oPlaceList = document.forms['travelSearchFormId'].city;
	oPlaceList.options.length = 0;
	if (sCountryNumber != -1 && aPlaceList.length > 1) {
		oPlaceList.options[0] = new Option("Select","");
		for(var i=1;i<aPlaceList.length;i++) {
			oPlaceList.options[i] = new Option(aPlaceList[i],aPlaceList[i]);
			
		}
	}
}



// -----------------------
// FUNCTION: fGenerateTravelLinks
// DESCRIPTION: A function that generates the mark up for the Travel category links.
// ARGUMENTS: None
// RETURN: None
// -----------------------
function fGenerateTravelLinks() {
	var sHTML = '';
	for(var i=0;i<aTravelCategories.length;i++){
		sHTML += '<div id="Travel-' + (i+1) + '" class="tools-no-color light-tabs-left" onmouseover="javascript:fSimulateTravelTab(this.id);" onfocus="javascript:fSimulateTravelTab(this.id);" onmouseout="javascript:fClearTravelTab(this.id);" onblur="javascript:fClearTravelTab(this.id);" onclick="javascript:fShowHideTravelCategory(this.id);fSelectTravelTab(this.id);" onkeypress="javascript:fShowHideTravelCategory(this.id);fSelectTravelTab(this.id);">' + aTravelCategories[i] + '</div>';
	}
	document.getElementById('Travel-links').innerHTML = sHTML;
}
// -----------------------
// FUNCTION: fShowHideTravelCategory
// DESCRIPTION: A function that shows or hides the Travel categories.
// ARGUMENTS: sElementId
// RETURN: None
// -----------------------
function fShowHideTravelCategory(sElementId) {
	var sClassName = document.getElementById(sElementId).className;
	if(sClassName.match('selected')){
		return;
	} else {
		if(sElementId != sSelectedTravel){
			fShowHideElement(sSelectedTravel + '-content');
		}
		fShowHideElement(sElementId + '-content');
		sSelectedTravel = sElementId;
		fSelectTravelTab(sElementId);
	}
}
// -----------------------
// FUNCTION: fSimulateTravelTab
// DESCRIPTION: A function that simulates a tab on effect for Travel categories tabs.
// ARGUMENTS: sElementId
// RETURN: None
// -----------------------
function fSimulateTravelTab(sElementId){
	if(sSelectedTravelTab != sElementId){
		document.getElementById(sElementId).className = 'tools-no-color light-tabs-left-simulated';
	}
}
// -----------------------
// FUNCTION: fClearTravelTab
// DESCRIPTION: A function that simulates a tab off effect for Travel categories tabs.
// ARGUMENTS: sElementId
// RETURN: None
// -----------------------
function fClearTravelTab(sElementId){
	if(sSelectedTravelTab != sElementId){
		document.getElementById(sElementId).className = 'tools-no-color light-tabs-left';
	}
}
// -----------------------
// FUNCTION: fSelectTravelTab
// DESCRIPTION: A function that simulates a tab selected effect for Travel categories tabs.
// ARGUMENTS: sElementId
// RETURN: None
// -----------------------
function fSelectTravelTab(sElementId){
	if(sSelectedTravelTab != ''){
		document.getElementById(sSelectedTravelTab).className = 'tools-no-color light-tabs-left';
	}
	switch(sElementId){
		case 'Travel-1':
			document.getElementById(sElementId).className = 'tools-no-color light-tabs-left-selected bg-f5f5f5';
			var sClass = document.getElementById('travel-content-container').className;
			sClass = sClass.substring(0,sClass.indexOf('bg-'))
			sClass += 'bg-f5f5f5';
			document.getElementById('travel-content-container').className = sClass;
		break;
		case 'Travel-2':
			document.getElementById(sElementId).className = 'tools-no-color light-tabs-right-selected bg-fff';
			var sClass = document.getElementById('travel-content-container').className;
			sClass = sClass.substring(0,sClass.indexOf('bg-'))
			sClass += 'bg-fff';
			document.getElementById('travel-content-container').className = sClass;
		break;
		default:
	}
	// assign selected tab to gloabal variable
	sSelectedTravelTab = sElementId;
}

var aTravelCategories = new Array('Destinations','Holiday Type'); // Array of category labels
var sSelectedTravel = 'Travel-1'; // Initial section to display. Options are 1 = most read | 2 = most commeneted | 3 = fancy that
var sSelectedTravelTab = '';