var active_editable;
var current_attr_name;

function reObserve() {
	$$("#option_area ul li").invoke("observe","click",function(ev) {
		el = ev.element();
		if (!el.src && !el.href) {
			$$("#option_area ul li").each(function(ell) {
				if (ell != el && ell.style.height == "300px")
				new Effect.Morph(ell, { style: "height: 8px", duration: 0.5 });
			});
			new Effect.Morph(el, { style: "height: 300px", duration: 0.5 });
			$$("#options_" + active_editable + " li").each(function(el) { el.style.height = "8px"; });
			$$("#options_" + active_editable + " ." + el.className)[0].style.height = "300px";
		}
	});
}

$$(".editable").invoke("observe","click",function(ev) {
	el = ev.element();
	if (!el.down("div"))
		el = el.up();
	id = el.readAttribute("name");
	active_editable = id;
	$$(".editable").each(function(el) { el.removeClassName("active"); });
	el.addClassName("active");
	$("option_area").innerHTML = $("options_" + id).innerHTML;
	$("select_description").innerHTML = el.down("div").innerHTML;
	current_attr_name = el.down("div").innerHTML;
	height = $("customizer_options").getDimensions().height;
	mtop = Math.round((425 - height) / 2) + 30;
	$("customizer_options").down("div.arrow").setStyle({ top: (height / 2) - 14 + "px" });
	$("customizer_options").setStyle( { marginTop: mtop + "px" } );
	$("customizer_options").show();
	reObserve();
});

function modifyAttribute(displayid,image,aid,oid,ltag) {
	$("attribute_" + aid).value = oid;
	if (aid == pri_fab_id)
		eval('$("attribute_" + fab_grade_id).value = fab_grades.' + ltag + ';');
	if ($(displayid)) {
		$(displayid).src = image;
	}
	$$("#customizer_options a").each(function(el) { el.removeClassName("selected"); });
	$$("#options_" + aid + " a").each(function(el) { el.removeClassName("selected"); });
	$$(".option_" + oid).each(function(el) { el.addClassName("selected"); });
	$("attribute_box_" + active_editable).down("span").removeClassName("nocheck").addClassName("check");
	new Ajax.Updater("price","http://www.russellmackenna.com/modules/willow/_ajax/get-configured-price.php?" + $("product_form").serialize());
	
	upholsteredAlert("You've selected your " + current_attr_name);
	
}

$("add_to_cart").observe("click",function(ev) {
    ev.stop();
    new Ajax.Request("http://www.russellmackenna.com/modules/willow/_ajax/add-to-cart-no-image.php?" + $("product_form").serialize());
});

$$("#add_to_cart img")[0].observe("mouseover",function(ev) {
    ev.element().src = "http://www.russellmackenna.com/images/large-add-to-cart-rollover.png";
});

$$("#add_to_cart img")[0].observe("mouseout",function(ev) {
    ev.element().src = "http://www.russellmackenna.com/images/large-add-to-cart.jpg";
});

$$("#save_to_collection img")[0].observe("mouseover",function(ev) {
    ev.element().src = "http://www.russellmackenna.com/images/large-save-to-my-collection-rollover.png";
});

$$("#save_to_collection img")[0].observe("mouseout",function(ev) {
    ev.element().src = "http://www.russellmackenna.com/images/large-save-to-my-collection.jpg";
});

$("save_to_collection").observe("click",function(ev) {
    ev.stop();
    if (logged_in) {
    	new Ajax.Request("http://www.russellmackenna.com/modules/willow/_ajax/add-to-wishlist.php?" + $("product_form").serialize());
    } else {
    	$("collection_popup").show();
    }
});
$$(".fp_close").invoke("observe","click",function(ev) { ev.stop(); $("collection_popup").hide(); });
$$("#collection_popup input").invoke("observe","focus", function(ev) {
    if (this.value == this.defaultValue)
    	this.value = "";
    if (this.name == "password" && this.type == "text")
    	this.type = "password";
});
$$("#collection_popup input").invoke("observe","blur", function(ev) {
    if (this.value == "") {
    	this.value = this.defaultValue;
    	if (this.name == "password" && this.type == "password")
    		this.type = "text";
    }
});
$$("#collection_popup form").invoke("observe","submit", function(ev) {
    ev.stop();
    new Ajax.Request("http://www.russellmackenna.com/modules/willow/_ajax/sign-in-add-to-wishlist.php?" + this.serialize());
});

function addedToWishlist(id) {
	throwAlert("Added to My Collection!");
}

function upholsteredAlert(message) {
	if (alertBusy) {
		$("upholstered_message").innerHTML = message;
		clearTimeout(cleartimer);
		cleartimer = setTimeout('new Effect.Fade("upholstered_message", { afterFinish: function() { alertBusy = false; }});',1500);
	} else {
		alertBusy = true;
		$("upholstered_message").innerHTML = message;
		dims = $("upholstered_message").getDimensions();
		width = dims.width;
		mleft = Math.round((415 - width) / 2);
		$("upholstered_message").style.marginLeft = mleft + "px";
		new Effect.Appear("upholstered_message");
		cleartimer = setTimeout('new Effect.Fade("upholstered_message", { afterFinish: function() { alertBusy = false; }});',1500);
	}
}