//These will be useful for compressing the javascript
var doc = document;
var win = window;
//This is where we put all things that need to fire instead of body onload event
jQuery(doc).ready(function() {
	
	$('#skuOptSelect').change(function(){
		if($(this).find('option:selected').val() == "Monogram"){
			$(".textEngraveLabel").show();
			$(".fontEngraveLabel").show();
	        $("#fontEngraveOpt").show();
			$(".confirmEngrave").show();
			$("#monoGramEngraveContainer").show();
			$("#line1EngraveContainer").hide();
			$("#line2EngraveContainer").hide();
			$("#line3EngraveContainer").hide();
			$("#line4EngraveContainer").hide();
			$("#line5EngraveContainer").hide();
			$("#line6EngraveContainer").hide();
			$("#line7EngraveContainer").hide();
			$("#line8EngraveContainer").hide();
		}
		else if($(this).find('option:selected').val() == "One-line engraving"){
			$(".fontEngraveLabel").show();
	        $("#fontEngraveOpt").show();
			$(".textEngraveLabel").show();
			$(".confirmEngrave").show();
			$("#monoGramEngraveContainer").hide();
			$("#line1EngraveContainer").show();
			$("#line2EngraveContainer").hide();
			$("#line3EngraveContainer").hide();
			$("#line4EngraveContainer").hide();
			$("#line5EngraveContainer").hide();
			$("#line6EngraveContainer").hide();
			$("#line7EngraveContainer").hide();
			$("#line8EngraveContainer").hide();
			
		}
		else if($(this).find('option:selected').val() == "Two-line engraving"){
			$(".fontEngraveLabel").show();
	        $("#fontEngraveOpt").show();
			$(".textEngraveLabel").show();
			$(".confirmEngrave").show();
			$("#monoGramEngraveContainer").hide();
			$("#line1EngraveContainer").show();
			$("#line2EngraveContainer").show();
			$("#line3EngraveContainer").hide();
			$("#line4EngraveContainer").hide();
			$("#line5EngraveContainer").hide();
			$("#line6EngraveContainer").hide();
			$("#line7EngraveContainer").hide();
			$("#line8EngraveContainer").hide();
			
		}
		else if($(this).find('option:selected').val() == "Three-line engraving"){
			$(".fontEngraveLabel").show();
	        $("#fontEngraveOpt").show();
			$(".textEngraveLabel").show();
			$(".confirmEngrave").show();
			$("#monoGramEngraveContainer").hide();
			$("#line1EngraveContainer").show();
			$("#line2EngraveContainer").show();
			$("#line3EngraveContainer").show();
			$("#line4EngraveContainer").hide();
			$("#line5EngraveContainer").hide();
			$("#line6EngraveContainer").hide();
			$("#line7EngraveContainer").hide();
			$("#line8EngraveContainer").hide();
		}
		else if($(this).find('option:selected').val() == "Four-line engraving"){
			$(".fontEngraveLabel").show();
	        $("#fontEngraveOpt").show();
			$(".textEngraveLabel").show();
			$(".confirmEngrave").show();
			$("#monoGramEngraveContainer").hide();
			$("#line1EngraveContainer").show();
			$("#line2EngraveContainer").show();
			$("#line3EngraveContainer").show();
			$("#line4EngraveContainer").show();
			$("#line5EngraveContainer").hide();
			$("#line6EngraveContainer").hide();
			$("#line7EngraveContainer").hide();
			$("#line8EngraveContainer").hide();
		}
		else if($(this).find('option:selected').val() == "Five-line engraving"){
			$(".fontEngraveLabel").show();
	        $("#fontEngraveOpt").show();
			$(".textEngraveLabel").show();
			$(".confirmEngrave").show();
			$("#monoGramEngraveContainer").hide();
			$("#line1EngraveContainer").show();
			$("#line2EngraveContainer").show();
			$("#line3EngraveContainer").show();
			$("#line4EngraveContainer").show();
			$("#line5EngraveContainer").show();
			$("#line6EngraveContainer").hide();
			$("#line7EngraveContainer").hide();
			$("#line8EngraveContainer").hide();
			
		}
		else if($(this).find('option:selected').val() == "Six-line engraving"){
			$(".fontEngraveLabel").show();
	        $("#fontEngraveOpt").show();
			$(".textEngraveLabel").show();
			$(".confirmEngrave").show();
			$("#monoGramEngraveContainer").hide();
			$("#line1EngraveContainer").show();
			$("#line2EngraveContainer").show();
			$("#line3EngraveContainer").show();
			$("#line4EngraveContainer").show();
			$("#line5EngraveContainer").show();
			$("#line6EngraveContainer").show();
			$("#line7EngraveContainer").hide();
			$("#line8EngraveContainer").hide();
		}
		else if($(this).find('option:selected').val() == "Seven-line engraving"){
			$(".fontEngraveLabel").show();
	        $("#fontEngraveOpt").show();
			$(".textEngraveLabel").show();
			$(".confirmEngrave").show();
			$("#monoGramEngraveContainer").hide();
			$("#line1EngraveContainer").show();
			$("#line2EngraveContainer").show();
			$("#line3EngraveContainer").show();
			$("#line4EngraveContainer").show();
			$("#line5EngraveContainer").show();
			$("#line6EngraveContainer").show();
			$("#line7EngraveContainer").show();
			$("#line8EngraveContainer").hide();
		}
		else if($(this).find('option:selected').val() == "Eight-line engraving"){
			$(".fontEngraveLabel").show();
	        $("#fontEngraveOpt").show();
			$(".textEngraveLabel").show();
			$(".confirmEngrave").show();
			$("#monoGramEngraveContainer").hide();
			$("#line1EngraveContainer").show();
			$("#line2EngraveContainer").show();
			$("#line3EngraveContainer").show();
			$("#line4EngraveContainer").show();
			$("#line5EngraveContainer").show();
			$("#line6EngraveContainer").show();
			$("#line7EngraveContainer").show();
			$("#line8EngraveContainer").show();
		}
		else{
			$("#line1EngraveContainer").hide();
			$("#line2EngraveContainer").hide();
			$("#line3EngraveContainer").hide();
			$("#line4EngraveContainer").hide();
			$("#line5EngraveContainer").hide();
			$("#line6EngraveContainer").hide();
			$("#line7EngraveContainer").hide();
			$("#line8EngraveContainer").hide();
			$("#monoGramEngraveContainer").hide();
			$(".textEngraveLabel").hide();
			$(".fontEngraveLabel").hide();
	        $("#fontEngraveOpt").hide();
			$(".confirmEngrave").hide();
		}
	});
	
	//When page loads...
	$(".tab_content").hide(); //Hide all content
	$("ul.tabs li:first").addClass("active").show(); //Activate first tab
	$(".tab_content:first").show(); //Show first tab content

	//On Click Event
	$("ul.tabs li").click(function() {

		$("ul.tabs li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".tab_content").hide(); //Hide all tab content

		var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active ID content
		return false;
	});
	
	//Form Validation Handling
	// 
	jQuery('input#monoGramEngrave').blur(function(){ validateMonogram(this.form); });
	jQuery('input#line1Engrave').blur(function(){ validateEngraveLine1(this.form); });
	jQuery('input#line2Engrave').blur(function(){ validateEngraveLine2(this.form); });
	jQuery('input#line3Engrave').blur(function(){ validateEngraveLine3(this.form); });
	jQuery('input#line4Engrave').blur(function(){ validateEngraveLine4(this.form); });
	jQuery('input#line5Engrave').blur(function(){ validateEngraveLine5(this.form); });
	jQuery('input#line6Engrave').blur(function(){ validateEngraveLine6(this.form); });
	jQuery('input#line7Engrave').blur(function(){ validateEngraveLine7(this.form); });
	jQuery('input#line8Engrave').blur(function(){ validateEngraveLine8(this.form); });
});

// Test if the user is logged in if so the flCustLogon flag will be true
//var flCustLogon = false;
//if (getCookie('EISESSION_ID') && getCookie('EISESSION_ID') != '') flCustLogon = true;
//alert(flCustLogon);

//SF: customer service page... Javascript for the mailto drop down...
function emailAddressGet(form) {
	var recipientValue = "";
	var subjectValue = "";
	var x = form.emailAddressSel.selectedIndex;
	var optionSelected = form.emailAddressSel.options[x].value;
	if(optionSelected == "Sales") {
		var recipientValue = "sales@nambe.com";
		var subjectValue = optionSelected;
	}
	else if(optionSelected == "Customer Support") {
		var recipientValue = "customerservice@nambe.com";
		var subjectValue = optionSelected;
	}
	else if(optionSelected == "Technical Support") {
		var recipientValue = "customerservice@nambe.com";
		var subjectValue = optionSelected;
	}
	else if(optionSelected == "Other Inquiries") {
		var recipientValue = "customerservice@nambe.com";
		var subjectValue = optionSelected;
	}
	mailtoForm = form.action + recipientValue + "?subject=" + subjectValue;
	//alert(mailtoForm);
	window.location.href = mailtoForm;
}

//SF: code below is for the engraving on the product page...
$(function(){
});


function custBuyItemEngraveMV (form, siId, qty, skuoptsel, skuopttxt, attr_var_val) {
                custBuyItemEngraveFinal (form, siId, qty, skuoptsel, skuopttxt, attr_var_val);
}
function custBuyItemEngrave (form, siId, qty, skuoptsel, skuopttxt) {
                custBuyItemEngraveFinal (form, siId, qty, skuoptsel, skuopttxt, 'N');
}

function custBuyItemEngraveFinal(form, siId, qty, skuoptsel, skuopttxt, attr_var_val){
	// this is on the mini cart page, so we want to refresh back to whatever URL
	// called it
	//attr_val_0 = attr_val_0 || '';
	//csku_master = csku_master || '';
	var oldlocation = document.location.href;
	//validate quantity
	var num = new Number(parseInt(qty));
	if (num.toString()=='NaN') {
		alert(qty +' is not a valid quantity.  Please double-check the quantity to add to your shopping cart.');
		return;
	}//if
	var optionSelected = skuoptsel.options[skuoptsel.selectedIndex].value;
	if (form.tcAnswer.checked == false && optionSelected != 'N') {
		alert('Please check the box to approve the custom changes.');
		return;
	}
	if (attr_var_val === 'N') {
	    var optionSelectedAttr = 'N';
	} else {
		var optionSelectedAttr = attr_var_val.options[attr_var_val.selectedIndex].value;
	}
	if (optionSelectedAttr === '') {
		alert('Please select size.');
		return;
	}
	clearEngravingErrorMsg(); // clear engraving error messages
	form.action = '/edealinv/servlet/AddStoreOrderItem';
	form.nurl.value = 'control/AddOrder.vm';
	form.eurl.value = 'control/AddOrder.vm';
	form.returnPath.value = oldlocation;
	form.siId.value = siId;
	form.siQty.value = qty;
	form.method = 'post';
	if (optionSelected == 'N') {
		skuopttxt.value = 'null';
		form.submit();
	} else if (optionSelected === 'Monogram') {
		if(validateEngravingForm(form, optionSelected)) {
			skuopttxt.value = form.monoGram.value;
			form.submit();
		} else {
			displayEngravingErrorMsg('errorMsg');
		}
	} else if (optionSelected === 'Two-line engraving') {
		if(validateEngravingForm(form, optionSelected)) {
			skuopttxt.value = form.oneLine.value + '|' + form.twoLine.value;
			form.submit();
		} else {
			displayEngravingErrorMsg('errorMsg');
		}
	} else if (optionSelected === 'Three-line engraving') {
		if(validateEngravingForm(form, optionSelected)) {
			skuopttxt.value = form.oneLine.value + '|' + form.twoLine.value + '|' + form.threeLine.value;
			form.submit();
		} else {
			displayEngravingErrorMsg('errorMsg');
		}
	} else if (optionSelected === 'Four-line engraving') {
		if(validateEngravingForm(form, optionSelected)) {
			skuopttxt.value = form.oneLine.value + '|' + form.twoLine.value + '|' + form.threeLine.value + '|' + form.fourLine.value;
			form.submit();
		} else {
			displayEngravingErrorMsg('errorMsg');
		}
	} else if (optionSelected === 'Five-line engraving') {
		if(validateEngravingForm(form, optionSelected)) {
			skuopttxt.value = form.oneLine.value + '|' + form.twoLine.value + '|' + form.threeLine.value + '|' + form.fourLine.value + '|' + form.fiveLine.value;
			form.submit();
		} else {
			displayEngravingErrorMsg('errorMsg');
		}
	} else if (optionSelected === 'Six-line engraving') {
		if(validateEngravingForm(form, optionSelected)) {
			skuopttxt.value = form.oneLine.value + '|' + form.twoLine.value + '|' + form.threeLine.value + '|' + form.fourLine.value + '|' + form.fiveLine.value + '|' + form.sixLine.value;
			form.submit();
		} else {
			displayEngravingErrorMsg('errorMsg');
		}
	} else if (optionSelected === 'Seven-line engraving') {
		if(validateEngravingForm(form, optionSelected)) {
			skuopttxt.value = form.oneLine.value + '|' + form.twoLine.value + '|' + form.threeLine.value + '|' + form.fourLine.value + '|' + form.fiveLine.value + '|' + form.sixLine.value + '|' + form.sevenLine.value;
			form.submit();
		} else {
			displayEngravingErrorMsg('errorMsg');
		}
	} else if (optionSelected === 'Eight-line engraving') {
		if(validateEngravingForm(form, optionSelected)) {
			skuopttxt.value = form.oneLine.value + '|' + form.twoLine.value + '|' + form.threeLine.value + '|' + form.fourLine.value + '|' + form.fiveLine.value + '|' + form.sixLine.value + '|' + form.sevenLine.value + '|' + form.eightLine.value;
			form.submit();
		} else {
			displayEngravingErrorMsg('errorMsg');
		}
	} else {
		if(validateEngravingForm(form, optionSelected)) {
			skuopttxt.value = form.oneLine.value;
			form.submit();
		} else {
			displayEngravingErrorMsg('errorMsg');
		}
	}
}

// Check Required Inputs
function validateRequired(form, input, title) {
	var myField = doc.getElementById(input)
	var valid = TestRequired(myField.value);
	displayValidationOutPut(input, title, valid);
	return valid;
}

function validateRequiredCustomMessage(form, input, title, errorMsg) {
	var myField = doc.getElementById(input)
	var valid = TestRequired(myField.value);
	displayValidationOutPut(input, title, valid, errorMsg);
	return valid;
}

function displayValidationOutPut(input, title, valid, errorTextPattern) {
	errorTextPattern = errorTextPattern ||  validationDefaultMessage; // Set the default error text pattern
	inlineValidationDisplay(input, title, valid, errorTextPattern);
	submitValidationDisplay(input, title, valid, errorTextPattern);
}

function validateMonogram(form) {
	if( !jQuery('input#monoGramEngrave')[0] ) return true;
	var valid = validateRequired(form, 'monoGramEngrave', 'Monogram');
	return valid;
}

function validateEngraveLine1(form) {
	if( !jQuery('input#line1Engrave')[0] ) return true;
	var valid = validateRequired(form, 'line1Engrave', 'Engraving Line 1');
	return valid;
}
function validateEngraveLine2(form) {
	if( !jQuery('input#line2Engrave')[0] ) return true;
	var valid = validateRequired(form, 'line2Engrave', 'Engraving Line 2');
	return valid;
}
function validateEngraveLine3(form) {
	if( !jQuery('input#line3Engrave')[0] ) return true;
	var valid = validateRequired(form, 'line3Engrave', 'Engraving Line 3');
	return valid;
}
function validateEngraveLine4(form) {
	if( !jQuery('input#line4Engrave')[0] ) return true;
	var valid = validateRequired(form, 'line4Engrave', 'Engraving Line 4');
	return valid;
}
function validateEngraveLine5(form) {
	if( !jQuery('input#line5Engrave')[0] ) return true;
	var valid = validateRequired(form, 'line5Engrave', 'Engraving Line 5');
	return valid;
}
function validateEngraveLine6(form) {
	if( !jQuery('input#line6Engrave')[0] ) return true;
	var valid = validateRequired(form, 'line6Engrave', 'Engraving Line 6');
	return valid;
}
function validateEngraveLine7(form) {
	if( !jQuery('input#line7Engrave')[0] ) return true;
	var valid = validateRequired(form, 'line7Engrave', 'Engraving Line 7');
	return valid;
}
function validateEngraveLine8(form) {
	if( !jQuery('input#line8Engrave')[0] ) return true;
	var valid = validateRequired(form, 'line8Engrave', 'Engraving Line 8');
	return valid;
}
function displayEngravingErrorMsg(id) {
	jQuery(doc.getElementById(id)).html('<ul><li>Please fill all engraving text fields.</li></ul>');
}
function clearEngravingErrorMsg() {
	jQuery(doc.getElementById('errorMsg')).html('');
	jQuery(doc.getElementById('errorMessage')).hide();
}

function validateEngravingForm(form, optionSelected) {
	if (optionSelected == 'N') {
		skuopttxt.value = 'null';
		form.submit();
	} else if (optionSelected === 'Monogram') {
		validateMonogram(this.form);
	} else if (optionSelected === 'Two-line engraving') {
		validateEngraveLine1(this.form);
		validateEngraveLine2(this.form);
	} else if (optionSelected === 'Three-line engraving') {
		validateEngraveLine1(this.form);
		validateEngraveLine2(this.form);
		validateEngraveLine3(this.form);
	} else if (optionSelected === 'Four-line engraving') {
		validateEngraveLine1(this.form);
		validateEngraveLine2(this.form);
		validateEngraveLine3(this.form);
		validateEngraveLine4(this.form);
	} else if (optionSelected === 'Five-line engraving') {
		validateEngraveLine1(this.form);
		validateEngraveLine2(this.form);
		validateEngraveLine3(this.form);
		validateEngraveLine4(this.form);
		validateEngraveLine5(this.form);
	} else if (optionSelected === 'Six-line engraving') {
		validateEngraveLine1(this.form);
		validateEngraveLine2(this.form);
		validateEngraveLine3(this.form);
		validateEngraveLine4(this.form);
		validateEngraveLine5(this.form);
		validateEngraveLine6(this.form);
	} else if (optionSelected === 'Seven-line engraving') {
		validateEngraveLine1(this.form);
		validateEngraveLine2(this.form);
		validateEngraveLine3(this.form);
		validateEngraveLine4(this.form);
		validateEngraveLine5(this.form);
		validateEngraveLine6(this.form);
		validateEngraveLine7(this.form);
	} else if (optionSelected === 'Eight-line engraving') {
		validateEngraveLine1(this.form);
		validateEngraveLine2(this.form);
		validateEngraveLine3(this.form);
		validateEngraveLine4(this.form);
		validateEngraveLine5(this.form);
		validateEngraveLine6(this.form);
		validateEngraveLine7(this.form);
		validateEngraveLine8(this.form);
	} else {
		validateEngraveLine1(this.form);
	}
	return writeErrorMessage();
}