/*hover actions to take on each link element*/
function hoverInOne(){

	rows = document.getElementsByClassName("pricingRowTwo");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");
	rows = document.getElementsByClassName("pricingRowThree");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");
	rows = document.getElementsByClassName("pricingRowFour");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");
	rows = document.getElementsByClassName("pricingRowFive");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");
	
	rows = document.getElementsByClassName("pricingRowOne");
	rows[0].setAttribute("style","display:table-row; color:darkred; padding-left:25px; font-size:small;");
	rows[1].setAttribute("style","display:table-row; color:darkred; padding-left:25px; font-size:small;");
}

function hoverInTwo(){

	rows = document.getElementsByClassName("pricingRowOne");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");
	rows = document.getElementsByClassName("pricingRowThree");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");
	rows = document.getElementsByClassName("pricingRowFour");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");
	rows = document.getElementsByClassName("pricingRowFive");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");

	rows = document.getElementsByClassName("pricingRowTwo");
	rows[0].setAttribute("style","display:table-row; color:darkred; padding-left:25px; font-size:small;");
	rows[1].setAttribute("style","display:table-row; color:darkred; padding-left:25px; font-size:small;");
}
function hoverInThree(){

	rows = document.getElementsByClassName("pricingRowTwo");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");
	rows = document.getElementsByClassName("pricingRowOne");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");
	rows = document.getElementsByClassName("pricingRowFour");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");
	rows = document.getElementsByClassName("pricingRowFive");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");

	rows = document.getElementsByClassName("pricingRowThree");
	rows[0].setAttribute("style","display:table-row; color:darkred; padding-left:25px; font-size:small;");
	rows[1].setAttribute("style","display:table-row; color:darkred; padding-left:25px; font-size:small;");
}
function hoverInFour(){

	rows = document.getElementsByClassName("pricingRowTwo");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");
	rows = document.getElementsByClassName("pricingRowThree");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");
	rows = document.getElementsByClassName("pricingRowOne");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");
	rows = document.getElementsByClassName("pricingRowFive");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");

	rows = document.getElementsByClassName("pricingRowFour");
	rows[0].setAttribute("style","display:table-row; color:darkred; padding-left:25px; font-size:small;");
	rows[1].setAttribute("style","display:table-row; color:darkred; padding-left:25px; font-size:small;");
}
function hoverInFive(){

	rows = document.getElementsByClassName("pricingRowTwo");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");
	rows = document.getElementsByClassName("pricingRowThree");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");
	rows = document.getElementsByClassName("pricingRowFour");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");
	rows = document.getElementsByClassName("pricingRowOne");
	rows[0].setAttribute("style","display:none;");
	rows[1].setAttribute("style","display:none;");

	rows = document.getElementsByClassName("pricingRowFive");
	rows[0].setAttribute("style","display:table-row; color:darkred; padding-left:25px; font-size:small;");
	rows[1].setAttribute("style","display:table-row; color:darkred; padding-left:25px; font-size:small;");
}






/*onload method called.  Assigns hover methods to each link element*/
function assignRollovers() {
	rowOne = document.getElementById("rowOne");
	rowTwo= document.getElementById("rowTwo");
	rowThree = document.getElementById("rowThree");
	rowFour = document.getElementById("rowFour");
	rowFive = document.getElementById("rowFive");
	
	try{
		rowOne.addEventListener('mouseover',hoverInOne,false);

	}
	catch(e){
		rowOne.attachEvent('onmouseover',hoverInOne);
	}
	
	try{
		rowTwo.addEventListener('mouseover',hoverInTwo,false);

	}
	catch(e){
		rowTwo.attachEvent('onmouseover',hoverInTwo);
	}
	
	try{
		rowThree.addEventListener('mouseover',hoverInThree,false);

	}
	catch(e){
		rowThree.attachEvent('onmouseover',hoverInThree);
	}
	
	try{
		rowFour.addEventListener('mouseover',hoverInFour,false);

	}
	catch(e){
		rowFour.attachEvent('onmouseover',hoverInFour);
	}
	
	try{
		rowFive.addEventListener('mouseover',hoverInFive,false);

	}
	catch(e){
		rowFive.attachEvent('onmouseover',hoverInFive);
	}
	
	
	
}