// JavaScript Document


//these are the homepage functions
function whitebg(elemId){
document.getElementById(elemId).style.backgroundColor = "#ffffff";
}

function greenbg(elemId){
document.getElementById(elemId).style.backgroundColor = "#d2f1f2"; // c3feac
}


function portfolioRollOver(elemId){
if (elemId == "portfolio1"){
	newImg = "images/newrock_large.jpg";
}
else if (elemId == "portfolio2"){
	newImg = "images/dvcvending_large.jpg";
}
else if (elemId == "portfolio3"){
	newImg = "images/czekanski_large.jpg";
}
else if (elemId == "portfolio4"){
	newImg = "images/usakennedy_large.jpg";
}


document.getElementById("portfolioImg").src = newImg;
document.getElementById(elemId).style.backgroundColor = "#d2f1f2";
}


//this function is for the portfolio page - it is the rollover function - it changes the image and text in the lower box, and also makes the bg blue for the current link on roll over - it doesn't have to be clicked.
function portfolioInside(elemId){
if (elemId == "portfolio1"){
	newImg = "images/newrock_large.jpg";
	portfolioId = "portfolio1_desc";
}
else if (elemId == "portfolio2"){
	newImg = "images/dvcvending_large.jpg";
	portfolioId = "portfolio2_desc";
}
else if (elemId == "portfolio3"){
	newImg = "images/czekanski_large.jpg";
	portfolioId = "portfolio3_desc";
}
else if (elemId == "portfolio4"){
	newImg = "images/usakennedy_large.jpg";
	portfolioId = "portfolio4_desc";
}


document.getElementById("portfolioImg").src = newImg;
document.getElementById("portfolio1").style.backgroundColor = "#ffffff";
document.getElementById("portfolio2").style.backgroundColor = "#ffffff";
document.getElementById("portfolio3").style.backgroundColor = "#ffffff";
document.getElementById("portfolio4").style.backgroundColor = "#ffffff";
document.getElementById(elemId).style.backgroundColor = "#d2f1f2";
document.getElementById("portfolio1_desc").style.visibility = "hidden";
document.getElementById("portfolio2_desc").style.visibility = "hidden";
document.getElementById("portfolio3_desc").style.visibility = "hidden";
document.getElementById("portfolio4_desc").style.visibility = "hidden";
document.getElementById(portfolioId).style.visibility = "visible";

}



//this function is for the services page - it is the rollover function - it changes the image and text in the lower box, and also makes the bg blue for the current link on roll over - it doesn't have to be clicked.
function servicesInside(elemId){
if (elemId == "services1"){
	servicesId = "services1_desc";
	wmImage = "images/design_wm.gif";
} 
else if (elemId == "services2"){
	newImg = "images/beealive_large.jpg";
	servicesId = "services2_desc";
	wmImage = "images/build_wm.gif";
} 
else if (elemId == "services3"){
	servicesId = "services3_desc";
	wmImage = "images/grow_wm.gif";
}

document.getElementById("services1").style.backgroundColor = "#ffffff";
document.getElementById("services2").style.backgroundColor = "#ffffff";
document.getElementById("services3").style.backgroundColor = "#ffffff";
document.getElementById(elemId).style.backgroundColor = "#d2f1f2";
document.getElementById("services1_desc").style.visibility = "hidden";
document.getElementById("services2_desc").style.visibility = "hidden";
document.getElementById("services3_desc").style.visibility = "hidden";
document.getElementById(servicesId).style.visibility = "visible";
document.getElementById("services_wm").src = wmImage;

}


//services onload function - checks to see if there's a querystring
//function qsCheck() {	
	//var qs = new Querystring();
	//var qs1 = qs.get("service");
	
	//if (qs1 <> null){
		
	//}
	
//}