// JavaScript Document

//ALLOWS EXTERNAL LINKS TO BE OPENED IN A NEW WINDOW WITHOUT THE USE OF TARGET ATTRIBUTE
//LOOPS THROUGH LINKS ON PAGE FINDS EXTERNAL LINKS AND ADDS TARGET//
function externalLinks() {
	//SETS DOMAIN OF SITE
	var domainName=document.domain;
	
	//FIND ALL LINKS ON THE CURRENT PAGE
	var externalLinks=document.getElementsByTagName("a");
	//LOOP THROUGH LINKS ARRAY
	for(var i=0; i<externalLinks.length; i++) {
		//GETS CONTENT OF 'HREF' ATTRIBUTE ON CLICKED LINK
		var attribute=externalLinks[i].getAttribute("href");
		
		//GET VALUE http IN 'HREF' **FOR MOZILLA&&
		var contains_http=attribute.indexOf("http");
		
		//GET VALUE domainName **FOR IE**
		var contains_domain=attribute.indexOf(domainName);
		
		//DOES CONTAIN AN 'http' OR DOES NOT CONTAIN domainName
		if(contains_http>-1 && contains_domain==-1) {
			//SET NEW ATTRIBUTE ON LINK
			externalLinks[i].setAttribute("target", "_blank");
		}
		
	}
	
}

// EXPAND MENU
function expandMenu(listName) {
	var control=document.getElementById(listName);
	var listElements=control.getElementsByTagName("li");
	
	for(var i=0; i<listElements.length; i++) {
		//EXPAND MENU
		listElements[i].onmouseover=function() {
				var uls=this.getElementsByTagName("ul");
				for(var n=0; n<uls.length; n++) {
					if(n==0) {
						uls[n].style.display="block";
					}
					
				}
			}
		//CLOSE MENU	
		listElements[i].onmouseout=function() {
			var uls=this.getElementsByTagName("ul");
				for(var n=0; n<uls.length; n++) {
					if(n==0) {
						uls[n].style.display="none";
					}
					
				}
		}
	}
}

//JOIN FORM
function formDisplay() {
	var divs = document.getElementsByTagName("div");
	//LOOP THROUGH DIVS IF CLASS IS DONTSHOW THEN DISPLAY NONE
	for(var i=0; i<divs.length; i++) {
		if(divs[i].className=="dontshow") {
			divs[i].style.display="none";
		}
	}
	
	//FIND OLS ON THE PAGE
	var tabs = document.getElementsByTagName("ol");
	for(i=0; i<tabs.length; i++) {
		//FIND THE TABS MENU
		if(tabs[i].className=="tabs") {
			var links = tabs[i].getElementsByTagName("a");
			for(var x=0; x<links.length; x++) {
				
				//USERS CLICKS ON LINK IN MENU
				links[x].onclick=function() {
					//FIND WHICH BIT OF FORM TO SHOW
					var idAttribute = this.className;
					var textValue = this.firstChild.nodeValue;
					var divId="view"+idAttribute;
					
					//GET CURRENT TAB ACTIVE
					var activeTab=this.parentNode;
					//GET OTHER LIS IN LIST
					var list = this.parentNode.parentNode.getElementsByTagName('li');
					//RESET CLASS
					for(var x=0; x<list.length; x++) {
						list[x].className='';
					}
					//APPLY ACTIVE CLASS TO ACTIVE TAB
					activeTab.className='active';
					
					
					//HIDE UNWANTED DIVS
					for(var n=0; n<divs.length; n++) {
						if(divs[n].className=="dontshow") {
							divs[n].style.display="none";
						}
					}
					//HIDE FIRST DIV IF APPROPRIATE
					if(divId!="viewstep1") {
						document.getElementById("viewstep1").style.display="none";
					}
					//DISPLAY FORM ELEMENTS
					if(document.getElementById(divId)) {
						document.getElementById(divId).style.display="block";
				    }
					//STOPS THE TABS DISAPPEARING IF TABS ARE USED OTHER WISE GOES TO THE TOP OF THE FORM
					if((textValue=="Continue")||(textValue=="Back")) {
						return true;
					}else{
						return false;
					}
				}
			}
		}
	}
}

//EXECUTES ONLOAD FUNCTIONS
function loadfunctions() {
	externalLinks();
	formDisplay();
}
//LOADS IN MULTIPLE FUNCTIONS ONLOAD
window.onload=loadfunctions;

function swap_image(){
	var path = "./images/products/swatch/";
	var img_value = document.getElementById("Oobj3118").options[document.getElementById("Oobj3118").selectedIndex].value;
	document.getElementById("stone_swatch").src = path + img_value + ".gif";
}