/**
 * Vista Manufacturing
 */
formArray = document.getElementsByTagName('form');
for (var i = 0; i < formArray.length; i++) {
	formSpanArray = document.getElementsByTagName('span');
	for (var t = 0; t < formSpanArray.length; t++) {
		if (formSpanArray[t].innerHTML == 'GO') {
			bindEvent(formSpanArray[t], 'click', submitForm);
		}
	}
}
inputArray = document.getElementsByTagName('input');
for (var i = 0; i < inputArray.length; i++) {
    bindEvent(inputArray[i], 'focus', inputFocusFunction);
    bindEvent(inputArray[i], 'blur', inputBlurFunction);
}

////  Hide ul's if javascript is enabled, if it is not the ul's will be fully expanded
navObject = document.getElementById('nav');
liArray = navObject.getElementsByTagName('li');
for (var i = 0; i < liArray.length; i++) {
    bindEvent(liArray[i], 'mouseover', liMouseOverFunction);
    bindEvent(liArray[i], 'mouseout', liMouseOutFunction);
}
pic = new Image();
marketArray = document.getElementsByTagName('div');
for (var i = 0; i < marketArray.length; i++) {
    if (marketArray[i].className == "application_thumbs") {
        bindEvent(marketArray[i], 'click', marketClickFunction);
    }
}
if(document.getElementById('Map')){
	bindEvent(document.getElementById('Map'),"click", mapClickFunction);
	bindEvent(document.getElementById('Map'),"mouseover", mapOverFunction);
	var info = "<p style=\"padding:0;margin:10px 0;\">Point to a location on the map to view the respective sales reps or distributors.</p><p style=\"padding:0;margin:10px 0;\">Click each location for more information.</p>";
	document.getElementById("info").innerHTML = info;
}
/*******************************     Functions    ***********************/
function bindEvent(elementToBind, eventToBind, functionToBind){
    if (elementToBind.addEventListener)
        elementToBind.addEventListener(eventToBind, functionToBind, false);
    if (elementToBind.attachEvent)
        elementToBind.attachEvent('on' + eventToBind, functionToBind);
}

function submitForm(e){
    e["target"] ? el = e["target"] : el = e["srcElement"];
	reg = new RegExp ("[A-Za-z0-9_(-+.)]?@[A-Za-z0-9_(-+.)]?"); // ("\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*", "");
	if(reg.test(el.parentNode.childNodes[4].value))
		el.parentNode.submit();
	else{
		// el.parentNode.childNodes[1].innerHTML += "Hello"
	}
}

function inputFocusFunction(e){
    e["target"] ? el = e["target"] : el = e["srcElement"];
    if (el.name == "name" && el.value == "Enter your name")
        el.value = "";
    if (el.name == "email" && el.value == "Enter email address")
        el.value = "";
    return true;
}

function inputBlurFunction(e){
    e["target"] ? el = e["target"] : el = e["srcElement"];
    if (el.name == "name" && el.value == "")
        el.value = "Enter your name";
    if (el.name == "email" && el.value == "")
        el.value = "Enter email address";
    return true;
}

function liMouseOverFunction(e){
    e["target"] ? el = e["target"] : el = e["srcElement"];
    el.style.color = "#f9e07b";
    return false;
}

function liMouseOutFunction(e){
    e["target"] ? el = e["target"] : el = e["srcElement"];
    el.style.color = "White";
    return false;
}

function marketClickFunction(e){
    (window.event) ? window.event.cancelBubble = true : e.cancelBubble = true;
    e["target"] ? el = e["target"] : el = e["srcElement"];
	var imgpath = el.getAttribute("src");
	imgpath = imgpath.split("/");
	var cnt = imgpath.length
    document.getElementById("bigImage").src = "media/images/applications/" + imgpath[(cnt-1)] ;
	document.getElementById("bigImage").alt = el.getAttribute("alt") ;
	if(el.parentNode.childNodes[3]){
		document.getElementById('application_description').innerHTML = el.parentNode.childNodes[3].innerHTML;
	}
    return false;
}
function mapClickFunction(e){
    (window.event) ? window.event.cancelBubble = true : e.cancelBubble = true;
    e["target"] ? el = e["target"] : el = e["srcElement"];
	
    if(el.getAttribute("href").length > 56) {
    	var myid_cnt = el.getAttribute("href").indexOf( "#" );
		myid = el.getAttribute("href").substr(myid_cnt);		
	} else {
    	myid = 	el.getAttribute("href").substr(1);
	}
    if(myid.indexOf( "#" ) != -1) {
    	myid = myid.substr( myid.indexOf( "#" )+1 );
	}
	
    el = document.getElementById( myid );
	
    trArray = document.getElementsByTagName('tr');
    trCount = trArray.length
	
    for(y=0; y < trCount; y++){
    	rowCount = trArray[y].childNodes.length;
    	for(t=0; t < rowCount; t++){
	    	childCount = trArray[y].childNodes[t].childNodes.length;
	    	for(i=0;i<childCount;i++){
	    		if(trArray[y].childNodes[t].childNodes[i].nodeName.toLowerCase() == "span")
	    		trArray[y].childNodes[t].childNodes[i].className = "";
	    	}
    	}
    }
    document.getElementById("info").innerHTML = el.parentNode.className;
	el.parentNode.className = "highlight";
    document.getElementById("info").innerHTML = info;
	return true;
}
function mapOverFunction(e){
    (window.event) ? window.event.cancelBubble = true : e.cancelBubble = true;
    e["target"] ? el = e["target"] : el = e["srcElement"];
	
    if(el.getAttribute("href").length > 56) {
    	var myid_cnt = el.getAttribute("href").indexOf( "#" );
		myid = el.getAttribute("href").substr(myid_cnt);		
	} else {
    	myid = 	el.getAttribute("href").substr(1);
	}
    if(myid.indexOf( "#" ) != -1) {
    	myid = myid.substr( myid.indexOf( "#" )+1 );
	}
	
    el = document.getElementById(myid);

	if(el.parentNode.innerHTML.indexOf( "</a>" ) != -1) {
     	thisInfo = el.parentNode.innerHTML.substr( el.parentNode.innerHTML.indexOf( "</a>" )+4 );
	} else {
       	thisInfo = el.parentNode.innerHTML;
	}
    document.getElementById("info").innerHTML = info + "<br /><h3>Rep/Distributor Information</h3><p style=\"margin:0;padding:10px 0;\">" + thisInfo + "</p>";
	return true;
}