/* ===================================================
	Parts & Accessories Javascript - Dyson
	Version: v2.1
	Author: James Taylor - 07/12/2007
/* =================================================*/

function initForm() {
	if($("frmParts")){
		var sl
		var aSpans = $$("#frmParts span")
		for(var i=0; i < aSpans.length; i++){
			sl = aSpans[i].getElementsByTagName("select");
			if(sl.length > 0) { Event.observe( $(sl[0].id), "change", doSelect ); }
		}
		var btnSubmit = $$("#frmParts .submit");
		if(btnSubmit.length > 0) btnSubmit[0].addClassName("hide");
	}
}

var idProd=0;

function doSelect() {
	var data = $("frmParts").serialize();
	var ajaxForm;
	ajaxForm = new Ajax.Updater ("frmHolder", "modelselect_ajax.asp", {parameters: data, onComplete: fadeOut});
}

function fadeOut() {
	if(idProd!=$F("slProduct")){
		new Effect.Fade($("results"), {duration: 0.3, afterFinish: doCall}); // fade out and do ajax call
	} else { 
		initForm(); 
	}
}

function doCall() {
	var data = $("frmParts").serialize();
	if(idProd!=$F("slProduct")){
		idProd = $F("slProduct");
		var ajaxResults = new Ajax.Updater ("results", "accessories_ajax.asp", {parameters: data, onComplete: fadeIn});
		var ajaxImg = new Ajax.Updater ("selectedModel", "selectedmodel_ajax.asp", {parameters: data});
	} else { initForm() }
}

function fadeIn() {
	new Effect.Appear($("results"), {duration: 0.3, afterFinish: initForm});
}


//Event.observe ( window, "load", function() { initForm(); } )