function whiten(theDiv) {
    var theDivs = new Array("mapMakers", "mobile", "webMapping", "mapData", "gis");
    for (var i = 0; i < theDivs.length; i++) {
        if (theDivs[i] == theDiv) {

            document.getElementById(theDivs[i]).className = "pager-active"

        } else {
           
            document.getElementById(theDivs[i]).className = "pager-inactive"


        }
    }
}


function whitenCat(theDiv) {
    var theDivs = new Array("mapMakers", "mobile", "webMapping", "mapData", "gis");
    for (var i = 0; i < theDivs.length; i++) {
        if (theDivs[i] == theDiv) {
   
         

            document.getElementById(theDivs[i]).className = "pager-active"

            switch(theDiv){
                case "mapMakers":
                    document.getElementById("txtMM").src = "images/txtMMON.png"
                    document.getElementById("txtGIS").src = "images/txtGIS.png"
                    document.getElementById("txtWeb").src = "images/txtWeb.png"
                    document.getElementById("txtData").src = "images/txtData.png"
                    document.getElementById("txtMobile").src = "images/txtMobile.png"
                    break;
                case "mobile":
                    document.getElementById("txtMM").src = "images/txtMM.png"
                    document.getElementById("txtGIS").src = "images/txtGIS.png"
                    document.getElementById("txtWeb").src = "images/txtWeb.png"
                    document.getElementById("txtData").src = "images/txtData.png"
                    document.getElementById("txtMobile").src = "images/txtMobileON.png"
                    break;
                case "webMapping":
                    document.getElementById("txtMM").src = "images/txtMM.png"
                    document.getElementById("txtGIS").src = "images/txtGIS.png"
                    document.getElementById("txtWeb").src = "images/txtWebON.png"
                    document.getElementById("txtData").src = "images/txtData.png"
                    document.getElementById("txtMobile").src = "images/txtMobile.png"
                    break;
                case "mapData":
                    document.getElementById("txtMM").src = "images/txtMM.png"
                    document.getElementById("txtGIS").src = "images/txtGIS.png"
                    document.getElementById("txtWeb").src = "images/txtWeb.png"
                    document.getElementById("txtData").src = "images/txtDataON.png"
                    document.getElementById("txtMobile").src = "images/txtMobile.png"
                    break;
                case "gis":
                    document.getElementById("txtMM").src = "images/txtMM.png"
                    document.getElementById("txtGIS").src = "images/txtGISON.png"
                    document.getElementById("txtWeb").src = "images/txtWeb.png"
                    document.getElementById("txtData").src = "images/txtData.png"
                    document.getElementById("txtMobile").src = "images/txtMobile.png"
                    break;
            }

        } else {
            document.getElementById(theDivs[i]).className = "pager-inactive"

        }
    }
}




function changeWhite(theImage) {
    var theImages = new Array("txtMM", "txtGIS", "txtWeb", "txtData", "txtMobile")

    for (var i = 0; i < theImages.length; i++) {
        if (theImages[i] == theImage) {
            document.getElementById(theImages[i]).src = "images/" + theImages[i] + "ON.png"
            document.getElementById(theImages[i]).style.marginTop = "14px"
        } else {
            document.getElementById(theImages[i]).src = "images/" + theImages[i] + ".png"
            document.getElementById(theImages[i]).style.marginTop = "10px"
        }
    }
}


function signup() {
    var theEmail = document.getElementById("txtNL").value;
    if (theEmail != "") {
        document.location.href = "newsletter.aspx?email=" + theEmail;
    } else {
        document.location.href = "newsletter.aspx";
    }
}

function showThumbs(thePage) {
	for(c=1;c <=6;c++){					//Max of 6 thumbs per page
		if(thePage == c) {
			document.getElementById("csThumb" + String(c)).style.display = 'block';
		}else{
			if(document.getElementById("csThumb" + String(c)) != null){
				document.getElementById("csThumb" + String(c)).style.display = 'none';
			}
		}
	}  
	/*
    if (thePage == 1) {
        document.getElementById("csThumb1").style.display = 'block';
        document.getElementById("csThumb2").style.display = 'none';
    } else {
        document.getElementById("csThumb1").style.display = 'none';
        document.getElementById("csThumb2").style.display = 'block';
    }*/
}

function contactByEmail(){
	//Validate input
	var allOK = true;
	if(document.getElementById("scode").value == ""){
		alert("Please ensure you enter the security code.");
		allOK = false;
	}
	if(document.getElementById("txtName").value == ""){
		alert("Please ensure you enter your name.");
		allOK = false;
	}
	if(document.getElementById("txtEmail").value == ""){
		alert("Please ensure you enter your email address.");
		allOK = false;	
	}
	if(document.getElementById("txtPhone").value == ""){
		alert("Please ensure you enter your phone number.");
		allOK = false;	
	}
	if(document.getElementById("txtMessage").value == ""){
		alert("Please ensure you enter your message.");
		allOK = false;	
	}	
	if(allOK){
		var qstring = "scode=" + document.getElementById("scode").value;
		qstring += "&txtName=" + escape(document.getElementById("txtName").value);		
		qstring += "&txtEmail=" + document.getElementById("txtEmail").value;
		qstring += "&txtPhone=" + document.getElementById("txtPhone").value;
		qstring += "&txtMessage=" + escape(document.getElementById("txtMessage").value);
		qstring += "&referpage=" + escape(document.getElementById("referpage").value);	
		emailingReq = new ajaxObject('sendcontactemail.php', contactResponse2);
		emailingReq.update(qstring,'POST');
	}				
}
function contactResponse2(responseText, responseStatus){
	if(responseStatus == 200){
		if(responseText != ""){
			//alert(responseText)
			if(responseText != "Thank you for your email. We'll be in touch as soon as possible."){
				alert(responseText)
			}else{
				window.location="http://www.lovelljohns.com/corporate.aspx?pid=311&page=Thanks for getting in touch";
			}
		}
	}
}