function changeBridal (clicked, element, img) {
	dotNavigation(clicked);
	document.getElementById(element).style.backgroundImage="url("+img+")";
}

function changePress (clicked, elementSmall, imgSmall, elementLarge, imgLarge) {
	dotNavigation(clicked);
	document.getElementById(elementSmall).style.backgroundImage="url("+imgSmall+")";
	document.getElementById(elementLarge).style.backgroundImage="url("+imgLarge+")";
}

function dotNavigation (clicked) {
	// reset the dot color
	x=document.getElementById('dots').getElementsByTagName("a");
	for (i=0;i<x.length;i++)
	{ 
		//x[i].style.color="#71cbd2";
		x[i].style.backgroundImage="url(../images/dot-blue.gif)";
	}
	//clicked.style.color="#f6905d";
	clicked.style.backgroundImage="url(../images/dot-orange.gif)";
}

function showProductImage (thisOne) {	
	hideTag("collection", "span");
	
	x=thisOne.getElementsByTagName("span");
	for (i=0;i<x.length;i++)
	{ 
		x[i].style.display="block";
	}
}

function showBridalImage (thisOne) {
	hideTag("dots", "span");

	x=document.getElementById(thisOne).getElementsByTagName("span");
	for (i=0;i<x.length;i++)
	{ 
		x[i].style.display="block";
	}
}


function hideTag(id, tag) {
	// set display propert of tag(s) to none
	x=document.getElementById(id).getElementsByTagName(tag);

	for (i=0;i<x.length;i++)
	{
		x[i].style.display="none";
	}
}