// Javascript File

window.onload = init;

function init(){
	initialTabs();
	toggleTabs();
}

function toggleTabs(){
	var elements = document.getElementsByTagName('a');
	for(i=0;i<elements.length;i++){
		var elementId = elements[i].id;
		if(elementId.indexOf('_tab') > -1){
			evtLists(elements[i]);
		}
	}
}

function evtLists(node){
	if(node.addEventListener){
		node.addEventListener('click',changeTabs,false);
	}
	else if(node.attachEvent){
		node.attachEvent('onclick',changeTabs);
	}
}

function changeTabs(){
	var formSections = document.getElementsByTagName('ul');
	var currentSection = "";
	if(this.id){
		currentSection = this.id
	}
	else if(event.srcElement){
		currentSection = event.srcElement.id;
	}
	
	for(i=0;i<formSections.length;i++){
		var formType = formSections[i].id;
		if(formType.indexOf('subnav') > -1){
			if(currentSection.indexOf(formType) > -1){
				formSections[i].childNode[0].style.display = 'block';
			}
			else{
				formSections[i].childNode[0].style.display = 'none';
			}	
		}
	}
	
	if(this.id){
		parentElement(this);
	}
	else if(event.srcElement){
		parentElement(event.srcElement);
	}
}

function parentElement(correctNode){
	var overallElement = document.getElementById('subnav');
	for(i=0;i<overallElement.childNodes.length;i++){
		if(overallElement.childNodes[i].nodeType == 1){
			var correctNodeId = correctNode.id;
			if(correctNodeId.indexOf(overallElement.childNodes[i].childNodes[0].childNodes[0].childNodes[0].childNodes[0].id) > -1){
			    alert(overallElement.childNodes[i].childNodes[0].childNodes[0].childNodes[0].childNodes[0].id);
				//overallElement.childNodes[i].className = 'selected';
			}
			else{
				//overallElement.childNodes[i].className = '';
				alert(overallElement.childNodes[i].childNodes[0].childNodes[0].childNodes[0].childNodes[0].id);
			}
		}
	}
}

function initialTabs(){
	var tabForms = document.getElementsByTagName('form');
	for(i=0;i<tabForms.length;i++){
		var formId = tabForms[i].id;
		if(formId.indexOf('-content') > -1 && formId != 'beach-holidays-content'){
			tabForms[i].style.display = 'none';
		}
		else if(formId == 'beach-holidays-content'){
			tabForms[i].style.display = 'block';
		}
	}
}

// End of Javascript File