function showProductDeluxe(thePrice,productName,whichProduct,x1,y1,y2)
{
	  document.images.swapme.src ="photos/"+whichProduct;
	  document.form.product.value=productName;
	  document.form.price.value=thePrice;
	  document.form.babyname.value = '';
	  document.form.momname.value = '';
	  
	  styleObject = getStyleObject(window.lastproduct)
	  styleObject.visibility = "hidden"
	  styleObject = getStyleObject(whichProduct);
	  if (styleObject)
	  	{	
			thePosition = getAnchorPosition('anchor');
			// Mac IE5 gives the wrong position; gives it relative to the table the anchor's in, so I have to find the table pos
			// Windows IE6 just gives a plain weird position IF I've set the position of the anchor with CSS
			if (navigator.appVersion.indexOf("Macintosh")>=0 && navigator.appVersion.indexOf("MSIE")>=0)
			{
		      tablePosition = getAnchorPosition('table');
			  thePosition.x = thePosition.x - tablePosition.x -x1
			  thePosition.y = thePosition.y - tablePosition.y+y1
			}
			else if (navigator.appVersion.indexOf("MSIE 67")>=0)
			{
				thePosition.y = thePosition.y -y2;
			}
			
			styleObject.left = thePosition.x;
			styleObject.top = thePosition.y-15;
			styleObject.visibility="visible";
			window.lastproduct = whichProduct;
		}

}

// Author: Matt Kruse <matt@mattkruse.com>
// WWW: http://www.mattkruse.com/
function getAnchorPosition(anchorname) {
        // This function will return an Object with x and y properties
        var useWindow=false;
        var coordinates=new Object();
        var x=0,y=0;
        // Browser capability sniffing
        var use_gebi=false, use_css=false, use_layers=false;
        if (document.getElementById) { use_gebi=true; }
        else if (document.all) { use_css=true; }
        else if (document.layers) { use_layers=true; }
        // Logic to find position
        if (use_gebi && document.all) {
                x=AnchorPosition_getPageOffsetLeft(document.all[anchorname]);
                y=AnchorPosition_getPageOffsetTop(document.all[anchorname]);
                }
        else if (use_gebi) {
                var o=document.getElementById(anchorname);
                x=AnchorPosition_getPageOffsetLeft(o);
                y=AnchorPosition_getPageOffsetTop(o);
                }
        else if (use_css) {
                x=AnchorPosition_getPageOffsetLeft(document.all[anchorname]);
                y=AnchorPosition_getPageOffsetTop(document.all[anchorname]);
                }
        else if (use_layers) {
                var found=0;
                for (var i=0; i<document.anchors.length; i++) {
                        if (document.anchors[i].name==anchorname) { found=1; break; }
                        }
                if (found==0) {
                        coordinates.x=0; coordinates.y=0; return coordinates;
                        }
                x=document.anchors[i].x;
                y=document.anchors[i].y;
                }
        else {
                coordinates.x=0; coordinates.y=0; return coordinates;
                }
        coordinates.x=x;
        coordinates.y=y;
        return coordinates;
        }

// Functions for IE to get position of an object
function AnchorPosition_getPageOffsetLeft (el) {
        var ol=el.offsetLeft;
        while ((el=el.offsetParent) != null) { ol += el.offsetLeft; }
        return ol;
        }
function AnchorPosition_getWindowOffsetLeft (el) {
        return AnchorPosition_getPageOffsetLeft(el)-document.body.scrollLeft;
        }       
function AnchorPosition_getPageOffsetTop (el) {
        var ot=el.offsetTop;
        while((el=el.offsetParent) != null) { ot += el.offsetTop; }
        return ot;
        }
function AnchorPosition_getWindowOffsetTop (el) {
        return AnchorPosition_getPageOffsetTop(el)-document.body.scrollTop;
        }


//----------------------------------------------
function getStyleObject(objectId)
{ 
   if (document.getElementById && document.getElementById(objectId))
	{
		return document.getElementById(objectId).style;
   }
	else if (document.all && document.all(objectId))
	{
		return document.all(objectId).style;
   }
	else if (document.layers && document.layers[objectId])
	{
		return document.layers[objectId];
   }
	else
	{
		return false;
   }
}

//------------------------------
function AddToCart() {
	//theCharm = document.form.charm.value;
	//if (theCharm != "None")
	//{   price = price+3;
	//	theCharm = ", " + theCharm;
	//}
	//else
	{ theCharm = ""; }

	price = document.form.price.value;
	productName = price + "+" + document.form.product.value;
	price = parseInt(price);
	
	productName = productName + ", " + document.form.babysize.value;

	initial = document.form.initial.value;
	if (initial != "none") { productName = productName + ', ' + "initial '" +initial+ "'"; }
	
	birthstone = (productName.indexOf("birthstone") > -1)
	if (birthstone)
	 (productName = productName + ", " + document.monthform.month.value);

	if (document.form.babyname.value != "" && document.form.babyname.value != "none")
	  productName = productName + ", '" + document.form.babyname.value + "'";

	momssize = document.form.momsize.value;
	if (momssize != "None" && momssize !="" && momssize !="No matching bracelet")
	{	productName= productName + "+" + (price + 5);
		productName = productName + "+" + document.form.product.value + " for mother, ";
		productName = productName + document.form.momsize.value;
		productName = productName + theCharm;
		if (birthstone) productName = productName + ", " + document.monthform.month.value;
		if (document.form.momname.value != "" && document.form.momname.value != "none")
		  productName = productName + ", '" + document.form.momname.value + "'";
	}

	window.location=("cart.cgi?" + productName);

}