function changeFormStyle(obj)
{
		var sValue;

		sValue = obj.options[obj.selectedIndex].value;

		switch (sValue)
		{
		case "1":
			document.all["WeddingDetails"].style.display = "";
			document.all["ProductList"].style.display = "";
			break
		case "2":
			document.all["WeddingDetails"].style.display = "";
			document.all["ProductList"].style.display = "none";
			break
		case "3":
			document.all["WeddingDetails"].style.display = "none";
			document.all["ProductList"].style.display = "none";
			break
		case "4":
			document.all["WeddingDetails"].style.display = "none";
			document.all["ProductList"].style.display = "none";
			break
		}

}

			
var myImage = function(what) {
    // open up a popup for a larger image
    myDestroy("myImage");

    var coords  = what.getCoordinates();
    var popup   = new Element("div");
        popup.setStyles({
            "position": "absolute",
            "top": parseInt(coords["top"]-150)+"px",
            "left": parseInt(coords["left"]-80)+"px",
            "border": "1px solid #ccc",
            "background": "#fff",
            "display": "none",
            "z-index": 100000
        })
        .setProperty("id", "myImage")
        .inject(document.body);

    var image = new Element("img");
        image.setProperty("src", what.getProperty("rel")).setStyle("border", 0).injectInside(popup);

    popup.setStyle("display", "block");

    // var mw = what.getProperty("id");
    what.addEvent("mouseleave", function() {
        myDestroy("myImage");
    });
} // end myImage

var myDestroy = function(what) {
    // remove any image layers left out
    if ($(what)) {
        $(what).remove();
    }
}

function myPausecomp(millis) 
{
var date = new Date();
var curDate = null;

do { curDate = new Date(); } 
while(curDate-date < millis);
}