if(document.images)
		{
		one=new Image;
		one.src="images/blue_arrow_down_blue.gif";
		two=new Image;
		two.src="images/blue_arrow.gif";
		}

function switchDiv(this_div, next_div)
{
	changeObjectVisibility(next_div, "visible");	

}
function getStyleObject(objectId) {
    // cross-browser function to get an object's style object given its id
	if(document.getElementById && document.getElementById(objectId)) {
	// W3C DOM
	return document.getElementById(objectId).style;
    } else if (document.all && document.all(objectId)) {
	// MSIE 4 DOM
	return document.all(objectId).style;
    } else if (document.layers && document.layers[objectId]) {
	// NN 4 DOM.. note: this won't find nested layers
	return document.layers[objectId];
    } else {
	return false;
    }
} // getStyleObject

function changeObjectVisibility(objectId,newVisibility) {
    // get a reference to the cross-browser style object and make sure the object exists
    var styleObject = getStyleObject(objectId);	
    if(styleObject.visibility == "hidden") {
	styleObject.visibility = newVisibility;
	styleObject.display="block";
	if(objectId=="phone1detail")
	{
	arrow1.src="images/blue_arrow_down_blue.gif";
	arrow1.width=8;
	arrow1.height=7;
	}
	if(objectId=="phone1detail2")
	{
	arrow2.src="images/blue_arrow_down_blue.gif";
	arrow2.width=8;
	arrow2.height=7;
	}
	if(objectId=="phone1detail3")
	{
	arrow3.src="images/blue_arrow_down_blue.gif";
	arrow3.width=8;
	arrow3.height=7;
	}

	return true;
    } 
    if(styleObject.visibility == "visible")
    {
	styleObject.visibility ="hidden";
	styleObject.display="none";
	if(objectId=="phone1detail")
	{
	arrow1.src="images/blue_arrow.gif";	
	arrow1.width=4;
	arrow1.height=8;	
	}
	if(objectId=="phone1detail2")
	{
	arrow2.src="images/blue_arrow.gif";	
	arrow2.width=4;
	arrow2.height=8;	
	}
	if(objectId=="phone1detail3")
	{
	arrow3.src="images/blue_arrow.gif";	
	arrow3.width=4;
	arrow3.height=8;	
	}

    }
} // changeObjectVisibility