swfobject.embedSWF("./_media/homeFeature.swf", "flashFeature", "634", "276", "8.0.0", "./_media/expressInstall.swf");


/* ===========================================================================
   JQuery Function
*/

$().ready(function() {   
	$('.kwicks').kwicks({   
		min : 27,
		spacing : 1,
		isVertical : true  
	});
	
	var $tabs = $("#signupForm").tabs({ fx: { opacity: 'toggle' } });
	
	$('.tabLink2').click(function() {										// bind click event to link
		$tabs.tabs('select', 1);											// switch to third tab
		return false;
	});
	
	$('.tabLink3').click(function() {										// bind click event to link
		$tabs.tabs('select', 2);											// switch to third tab
		return false;
	});
	
	$('.tabLink4').click(function() {										// bind click event to link
		$tabs.tabs('select', 3);											// switch to third tab
		return false;
	});
	
	$("#startDate").datepicker({ prevText: '<', nextText: '>'  });
	
	/*
	$("#filterTypesContainer label").click(function() {
        $("#filterTypesContainer label.selected").removeClass("selected");	// remove previous class if there is any
        $(this).addClass("selected");										// add class to the clicked link
        return false;														// this prevents browser from following clicked link
	});
	*/
	
});  

	

	

/* ===========================================================================
   Form Validation
*/

function validate_form() {
	var error_exists = "";
	for(var x = 0; x < document.forms[0].elements.length ; x++ ) {
		var field = document.forms[0].elements[x];
		if(field.type != "submit" && field.type != "reset") {
			if(field.id.indexOf( "_req" ) != -1) {
				if(field.value == ""){
					error_exists = 1;
					field.style.background = "#520202";
				}
			}
		}
	}

	if (error_exists == "") {
		return true;
	} else {
		return false;
	}
}

function clear_formField (field) {
	field.style.background = "#DDDDDD";
	field.style.color = "#000000";
	if (field.value == 'width') {
		field.value = '';
	} else if (field.value == 'height') {
		field.value = '';
	} else if (field.value == 'depth') {
		field.value = '';
	}
}

function reset_formField (field) {
	field.style.background = "#ffffff";
	field.style.color = "#777777";
	if (field.value == '' && field.name.slice(-6,-1) == "WIDTH") {
		field.value = 'width';
	} else if (field.value == '' && field.name.slice(-7,-1) == "HEIGHT") {
		field.value = 'height';
	} else if (field.value == '' && field.name.slice(-6,-1) == "DEPTH") {
		field.value = 'depth';
	}
}



/* ===========================================================================
   Utilities
*/

function selectThis(obj) {
   var linkList = document.getElementById("filterTypesContainer").getElementsByTagName("label");
   for (i = 0; i < linkList.length; i++) {
      linkList[i].className = "";
   }
   obj.className = "selected";
}


// Read a page's GET URL variables and return them as an associative array.
function getUrlVars() {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
 
    for (var i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
 
    return vars;
}


var urlhash = getUrlVars();
var whichFilterType = urlhash['filter'];

// add filter field to form
var fieldCount = 1;



var filterCount = 1;

function addFilterField(whichFilter) {
	var newFilterIdArray = document.signupForm;
	
	if (filterCount < 8) {
	
		fieldCount++;
		
		var newFields = document.getElementById(whichFilter + 'Template').cloneNode(true);
		newFields.id = '';
		newFields.style.display = 'block';
		var newField = newFields.childNodes;
		
		for (var i = 0; i < newField.length; i++) {
			var theName = newField[i].name;
			if (theName) {
				newField[i].name = theName.replace("x", fieldCount);
				newField[i].id = theName.replace("x", fieldCount);
			}
		}
		
		var insertHere = document.getElementById('filterFieldsInsertion');

		insertHere.parentNode.insertBefore(newFields,insertHere);
		
		filterCount++;
	}
	
}

function removeFilterField(deadDiv) {
	filterCount--;
	//field.parentNode.parentNode.removeChild(this.parentNode);
	
	var deadField = deadDiv.parentNode.parentNode;
	deadField.removeChild(deadDiv.parentNode);
	
	//var filterContainer = document.getElementById('filterFieldsContainer');
	//var deadFilter = document.getElementById(deadDiv);
	//filterContainer.removeChild(deadFilter);
  
  
}






/*  Form AJAX
=========================================================================================
*/

function sendForm(step) {
	
	var formData = "form=1&";
	
	xmlHttp = GetXmlHttpObject();
	
	if (xmlHttp == null) {
		alert ("Browser does not support HTTP Request");
		return;
	}
	
	
	
	var formFieldArray = document.signupForm.elements;
	
	var filterFieldArray = new Array();
	var filterFieldValuesArray = new Array();
	
	for (var i = 0; i < formFieldArray.length; i++) {
		
		if (formFieldArray[i].getAttribute('type') != 'radio') {
			var fieldName = formFieldArray[i].id;
			var fieldValue = formFieldArray[i].value;
			
			if (fieldName.substr(0,6) == "filter") {
				filterFieldArray.push(fieldName);
				filterFieldValuesArray.push(fieldValue);
			}
		}
		
	}

	var lastFilterSelection = 1;
	var newFilterNum = 1;
	
	
	// rename filter field names
	for (var i = 0; i < filterFieldArray.length; i++) {
		
		filterFieldName = filterFieldArray[i];
		
		filterSelection = filterFieldName.substr(7,1);
				
		if (filterSelection != lastFilterSelection) {
			newFilterNum++;
		}

		if (filterFieldName.slice(-3) == "QTY") {
			filterFieldArray[i] = "filter[" + newFilterNum +"][QTY]";
		} else if (filterFieldName.slice(-3) == "SKU") {
			filterFieldArray[i] = "filter[" + newFilterNum +"][SKU]";
		} else if (filterFieldName.slice(-5) == "WIDTH") {
			filterFieldArray[i] = "filter[" + newFilterNum +"][WIDTH]";
		} else if (filterFieldName.slice(-6) == "HEIGHT") {
			filterFieldArray[i] = "filter[" + newFilterNum +"][HEIGHT]";
		} else if (filterFieldName.slice(-5) == "DEPTH") {
			filterFieldArray[i] = "filter[" + newFilterNum +"][DEPTH]";
		}
		
		lastFilterSelection = filterSelection;

	}
	
	function filterOrderInfo(varName,val) {
		formData += varName
		formData += "=";
		formData += val;
		formData += "&";
	}
	
	for (var i = 0; i < filterFieldArray.length; i++) {
		filterOrderInfo(filterFieldArray[i],filterFieldValuesArray[i]);
	}	
	
	
	
	formData += "shipFrequency=" + document.signupForm.shipFrequency.value + "&"; 
	formData += "startDate=" + document.signupForm.startDate.value + "&";
	formData += "discountCode=" + document.signupForm.discountCode.value + "&";
				 
	formData += "billFName=" + document.signupForm.billFName.value + "&"; 
	formData += "billLName=" + document.signupForm.billLName.value + "&";
	formData += "billAddress=" + document.signupForm.billAddress.value + "&";
	formData += "billCity=" + document.signupForm.billCity.value + "&";
	formData += "billState=" + document.signupForm.billState.value + "&";
	formData += "billZip=" + document.signupForm.billZip.value + "&";
	formData += "billPhone=" + document.signupForm.billPhone.value + "&";
	formData += "billEmail=" + document.signupForm.billEmail.value + "&"; 
	formData += "sendEmail=" + document.signupForm.sendEmail.value + "&";
				 
	formData += "shipFName=" + document.signupForm.shipFName.value + "&"; 
	formData += "shipLName=" + document.signupForm.shipLName.value + "&"; 
	formData += "shipAddress=" + document.signupForm.shipAddress.value + "&";
	formData += "shipCity=" + document.signupForm.shipCity.value + "&";
	formData += "shipState=" + document.signupForm.shipState.value + "&";
	formData += "shipZip=" + document.signupForm.shipZip.value + "&";
	formData += "shipPhone=" + document.signupForm.shipPhone.value + "&";
	formData += "shipEmail=" + document.signupForm.shipEmail.value + "&";
	
	// check filter level
	var val = 0;

	for (i = 0; i < document.signupForm.filterLevel.length; i++ ) {
		if ( document.signupForm.filterLevel[i].checked == true ) {
			val = document.signupForm.filterLevel[i].value;
		}
	}

	formData += "filterLevel=" + val;
	
	if (step != true) {
		var url = "./_scripts/proc_calculateOrder.php";
	} else if (step == true) {
		var url = "./_scripts/proc_calculateOrder.php?submit=1";
		formData += "&billCCName=" + document.signupForm.billCCName.value;
		formData += "&billCCNumber=" + document.signupForm.billCCNumber.value;
		formData += "&billCVV=" + document.signupForm.billCVV.value;
		formData += "&billCCExpMonth=" + document.signupForm.billCCExpMonth.value;
		formData += "&billCCExpYear=" + document.signupForm.billCCExpYear.value;
	}
	
	//console.log(formData);
	
	url += "?sID=";
	url += Math.random();
	
	xmlHttp.onreadystatechange = stateChanged;
	xmlHttp.open("POST", url, true);
	xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xmlHttp.send(formData);
			 
}

function stateChanged() {
	if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete") {
		document.getElementById("orderConfirmationDetails").innerHTML = xmlHttp.responseText;
	}
}

function GetXmlHttpObject() {
	var xmlHttp = null;
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
	} catch (e) {
		//Internet Explorer
		try {
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttp;
}






//window.onload = addFilterField('Standard');