var is_login_displayed = false;
function createLoginForm()
{
	if(! is_login_displayed)
	{
		/*
		var label = document.createElement("label");
		label.setAttribute("for", "passcode");
		label.appendChild(document.createTextNode("Enter your industry entrance code"));
		*/
		var home_btns = document.getElementById('home_buttons');
		home_btns.style.display = "block";
		var input = document.createElement("input");
		input.setAttribute("type", "password");
		input.setAttribute("id", "passcode_field");
		input.name = "passcode";
		Event.observe(input, "keyup", function(e){ if(getPressedKey(e) == 13) dealerLogin();});
		
		var button = document.createElement("input");
		button.setAttribute("type", "button");
		button.setAttribute("id", "login_button");
		button.setAttribute("value", "login");
		Event.observe(button, "click", dealerLogin);
		
		var a = document.createElement("a");
		a.setAttribute("id", "code_request_link");
		a.setAttribute("href","#");
		a.appendChild(document.createTextNode("or obtain a passcode here!"));
		Event.observe(a, "click", function(){ createCodeRequestForm(); return false;});
		
		//$("home_buttons").appendChild(label);
		home_btns.appendChild(input);
		home_btns.appendChild(button);
		home_btns.appendChild(a);
		input.focus();
		is_login_displayed = true;
	}
	else
	{
			
	}
}
function checkEnter(e)
{
	if(getPressedKey(e) == 13) dealerLogin();
}
function getPressedKey(e)
{
	var event = e || window.event;	
	var key_code = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
	return key_code;
}
function createCodeRequestForm()
{
	$('home_buttons').style.display = "none";
	$('request_code_form_container').style.display = "block";
	var form =  '<div id="message" style="display:none"></div>' +
				'<form action="" method="post" name="contact_form" id="contact_form">' +
        		'<div class="form_row required">' +
                '<label for="name">Contact Name *</label><input class="required" type="text" name="name" />' +
            	'</div>' +
        		'<div class="form_row">' +
                '<label for="company">Company Name</label><input type="text" name="company" />' +
            	'</div>' +
        		'<div class="form_row">' +
                '<label for="city">City</label><input type="text" name="city" />' +
            	'</div>' +
        		'<div class="form_row">' +
                '<label for="state">State</label><input type="text" name="state" />' +
            	'</div>' +
        		'<div class="form_row">' +
                '<label for="zipcode">Zip Code</label><input type="text" name="zipcode" />' +
            	'</div>' +
        		'<div class="form_row required">' +
                '<label for="email">E-mail address *</label><input class="required" type="text" name="email" />' +
            	'</div>' +
        		'<div class="form_row">' +
                '<label for="phone">Phone Number</label><input type="text" name="phone" />' +
            	'</div>' +
        		'<div class="form_row required">' +
                '<label for="comment">Nature of business *</label><textarea class="required" name="nature_of_business" rows="4"></textarea>' +
            	'</div>' +
            	'<input id="submit_button" type="button" value="Submit" onclick="sendMail()" />' +
       			'</form><br/>&nbsp;&nbsp;&nbsp;<a href="/" title="Home">&lt;&nbsp;Back to home</a>';
	$('request_code_form_container').innerHTML = form;
}

function clearField(event)
{
	var e = event || window.event;
	var el = e.target || e.srcElement;
	try 
	{
		el.value = '';
		el.className = "required";
		Event.stopObserving(el, "focus", clearField);
	}
	catch(e)
	{
		throw e;
	}
}

function clearMsg()
{
	$('message').hide();
	$('message').innerHTML=' ';
}

function sendMail()
{
	var form = $('contact_form');
	var inputs = form.getElements();
	var is_form_completed = true;
	inputs.each
	(
	 	function(i)
		{
			if (i.hasClassName("required") && (i.value == '' || i.value == 'required field'))
			{
				is_form_completed = false;
				i.addClassName("error_field");
				Event.observe(i, "focus", clearField);
				try
				{
					i.value = "required field";	
				}
				catch(e)
				{
					if (i.tagName.toLowerCase() == 'input')
					{
						i.value = "required field";	
					}
					else if (i.tagName.toLowerCase() == 'textarea')
					{
						i.innerHTML = "required field";	
					}
				}
			}
		}
	 )
	if (is_form_completed)
	{
		var pars = form.serialize();
		pars += "&action=send_mail";
		new Ajax.Request (
			'/services/flow.php',
			{
				method: 'post',
				parameters: pars,
				onComplete: function(resp)
				{
					$('message').show();
					$('message').innerHTML=resp.responseText;
					timer = setTimeout(clearMsg,15000);
					$(form).reset();
				}
			}
		);
	}
}
function dealerLogin()
{
	var passcode_field = document.getElementById('passcode_field');
	var passcode = passcode_field.value;
	var pars = "&action=login&passcode=" + passcode;
	
	$.ajax
	(
		{
			url: 'services/flow.php',
			type: 'POST',
			data: pars,
			dataType: 'html',
			timeout: 5000,
			error: function()
			{
				alert('Error loading response from server. Please try again later.');
			},
			success: function(data)
			{
				if (data == "true")
				{
					window.location = "ns_index_dealers.php";
				}
				else
				{
					alert(data);	
				}
			}
		}
	);
}

function createCollectionsButtons(obj)
{
	//obj.parentNode.removeChild(obj);
	obj.style.background = "url(../ns_images/collections_buttons.jpg) no-repeat 0 -387px";
	$("collections_list").show();
}

function createCustomQuoteBox(base)
{
	$('custom_quote_link').hide();
	var custom_quote_box = $('custom_quote');
	
	var hidden_base = document.createElement("input");
	hidden_base.setAttribute("id", "base");
	hidden_base.setAttribute("type", "hidden");
	hidden_base.value = base;
	
	var header = document.createElement("h3");
	header.appendChild(document.createTextNode("CALCULATE YOUR PRICE. (input in inches)"));
	
	var left_h_label = document.createElement("label");
	left_h_label.appendChild(document.createTextNode("Side Heights (in inches)"));
	
	var left_h_input = document.createElement("input");
	left_h_input.setAttribute("id", "left_h_field");
	left_h_input.className = "small_input";
	
	
	var length_label = document.createElement("label");
	length_label.appendChild(document.createTextNode("Overall Lenght of the gate on the horizontal"));
	
	var length_input = document.createElement("input");
	length_input.setAttribute("id", "length_field");
	length_input.className = "small_input";
	
	var button = document.createElement("input");
	button.setAttribute("id", "get_quote_button");
	button.setAttribute("type", "button");
	button.value = "Get quote";
	Event.observe(button, "click", getCustomQuote);
	
	var result = document.createElement("div");
	result.setAttribute("id", "quote_result_container");
	
	var note = document.createElement("div");
	note.appendChild(document.createTextNode("Note: we charge for a minimum side height of 60\""));
	note.className = "note";
	//new Effect.BlindUp($('customQuoteLink'));
	//new Effect.BlindDown($('customQuote'));
	custom_quote_box.appendChild(hidden_base);
	custom_quote_box.appendChild(header);
	custom_quote_box.appendChild(left_h_label);
	custom_quote_box.appendChild(left_h_input);
	custom_quote_box.appendChild(length_label);
	custom_quote_box.appendChild(length_input);
	custom_quote_box.appendChild(button);
	custom_quote_box.appendChild(result);
	custom_quote_box.appendChild(note);
	
	custom_quote_box.show();
	left_h_input.focus();
}

function getCustomQuote()
{
	var base = $('base').value;
	var left = parseFloat($('left_h_field').value.replace(/"/,''));
	if(left < 60) left = 60;
	var right = left;
	var length = parseFloat($('length_field').value.replace(/"/,''));
	var price;

	price = (((left + right) /2) * length * base) *.4;
	price = BadStrOfCents(price);
	
	$('quote_result_container').innerHTML = 'Your cost on this model in the above dimensions (With Free Freight) is <strong>$'+price+'</strong><br/>All welds ground, corners split cut and invisible.  Pease deduct 15% if you prefer to paint in house.';
	//new Effect.Highlight($('customQuote'));
}
function BadStrOfCents(X) {
    with (new Object(Math.round(100 * X) + "")) {
        return substring(0, length - 2) + "." + substring(length - 2, length);
    }
}

function createCustomQuoteBoxPed(base)
{
	$('custom_quote_link_ped').hide();
	var custom_quote_box = $('custom_quote');
	
	var hidden_base = document.createElement("input");
	hidden_base.setAttribute("id", "base");
	hidden_base.setAttribute("type", "hidden");
	hidden_base.value = base;
	
	var header = document.createElement("h3");
	header.appendChild(document.createTextNode("CALCULATE YOUR PRICE. (input in inches)"));
	
	var side_h_label = document.createElement("label");
	side_h_label.appendChild(document.createTextNode("Side Height"));
	
	var side_h_input = document.createElement("input");
	side_h_input.setAttribute("id", "side_h_field");
	side_h_input.className = "small_input";
	
	
	var length_label = document.createElement("label");
	length_label.appendChild(document.createTextNode("Width"));
	
	var length_input = document.createElement("input");
	length_input.setAttribute("id", "length_field");
	length_input.className = "small_input";
	
	var button = document.createElement("input");
	button.setAttribute("id", "get_quote_button");
	button.setAttribute("type", "button");
	button.value = "Get quote";
	Event.observe(button, "click", getCustomQuotePed);
	
	var result = document.createElement("div");
	result.setAttribute("id", "quote_result_container");
	//new Effect.BlindUp($('customQuoteLink'));
	//new Effect.BlindDown($('customQuote'));
	
	var note = document.createElement("div");
	note.appendChild(document.createTextNode("Note: we charge for a minimum side height of 60\""));
	note.className = "note";
	
	custom_quote_box.appendChild(hidden_base);
	custom_quote_box.appendChild(header);
	custom_quote_box.appendChild(side_h_label);
	custom_quote_box.appendChild(side_h_input);
	custom_quote_box.appendChild(length_label);
	custom_quote_box.appendChild(length_input);
	custom_quote_box.appendChild(button);
	custom_quote_box.appendChild(result);
	custom_quote_box.appendChild(note);
	
	custom_quote_box.show();
	side_h_input.focus();
}

function getCustomQuotePed()
{
	var base = parseFloat($('base').value);
	var height = parseFloat($('side_h_field').value.replace(/"/,''));
	if(height < 60) height = 60;
	var length = parseFloat($('length_field').value.replace(/"/,''));
	var price;
	
	price = height * length * base;
	price = BadStrOfCents(price);
	
	$('quote_result_container').innerHTML = 'Your cost on this model in the above dimensions is <strong>$'+price+'</strong><br/>Deduct 15% if ordering unfinished';
	//new Effect.Highlight($('customQuote'));
}
function showPedestrianFields()
{
	$('pedestrian_fields').style.display="block";
}
function hidePedestrianFields()
{
	$('pedestrian_fields').style.display="none";
}
function editValue(id){
	idText=$(id+'Text');
	idField=$(id+'Field');
	idText.style.display='none';
	idField.style.display='inline';
	if (id!='dropType' & id!='color' & id!='pedestrian_gate'){
	idField.focus();
	idField.value=idText.innerHTML;
	idField.select();
	}
	editLink=$(id+'Edit');
	editLink.style.display='none';
	saveLink=$(id+'Save');
	saveLink.style.display='inline';
}
function saveValue(id){
	var gateCode=$('gateCodeSpan').innerHTML;
	//alert (gateCode);
	idText=$(id+'Text');
	idField=$(id+'Field');
	idText.style.display='inline';
	if(id!='pedestrian_gate'){
		idText.innerHTML=idField.value;
	}else {
		if(idField.value=='yes')idText.innerHTML = 'With matching Pedestrian Gate';
		else idText.innerHTML = 'Without matching Pedestrian Gate';
	}
	editLink=$(id+'Edit');
	editLink.style.display='inline';
	saveLink=$(id+'Save');
	saveLink.style.display='none';
	new Ajax.Request('inc/flowActions.php?variable='+id+'&value='+idField.value+'&gateCode='+gateCode, 
		{onSuccess: function(resp)
			{
				idField.style.display='none';
				$('newPrice').innerHTML='$'+resp.responseText;
				//alert(resp.responseText);
			} 
	});	
}
function checkKey(e, id) 
{
	if(e.keyCode == 13) 
	{
		saveValue(id);
	}
	/*if(e.keyCode == 27)
	{
		alert('cancel');	
	}*/
}
function enviaVerificacion(ver){
	if(document.getElementById('verForma')){
		document.verficationForm.verifOpcion.value=ver;
	  	document.verficationForm.submit();
	}
}

function preloadImages()
{
	var img_1 = new Image();
	img_1.src = "../ns_images/line_drawing_final.jpg";
	
	var img_2 = new Image();
	img_2.src = "../ns_images/sketch_final.jpg";
	
	var img_3 = new Image();
	img_3.src = "../ns_images/old_book_photo_final.jpg";
	
	var img_4 = new Image();
	img_4.src = "../ns_images/rough_plan_final.jpg";
}


// CUSTOM QUOTE FOR FENCE PANELS

function createCustomQuoteBoxFencePanel(model_code)
{
	var model_code = model_code.toUpperCase();
	$('custom_quote_link_ped').hide();
	var custom_quote_box = $('custom_quote');
	
	var hidden_model_code = document.createElement("input");
	hidden_model_code.setAttribute("id", "model_code");
	hidden_model_code.setAttribute("type", "hidden");
	hidden_model_code.value = model_code;
	
	var header = document.createElement("h3");
	header.appendChild(document.createTextNode("CALCULATE YOUR PRICE. (input in inches)"));
	
	var side_h_label = document.createElement("label");
	side_h_label.appendChild(document.createTextNode("Side Height"));
	
	var side_h_input = document.createElement("input");
	side_h_input.setAttribute("id", "side_h_field");
	side_h_input.className = "small_input";
	
	
	var length_label = document.createElement("label");
	length_label.appendChild(document.createTextNode("Length"));
	
	var length_input = document.createElement("input");
	length_input.setAttribute("id", "length_field");
	length_input.className = "small_input";
	
	var button = document.createElement("input");
	button.setAttribute("id", "get_quote_button");
	button.setAttribute("type", "button");
	button.value = "Get quote";
	Event.observe(button, "click", getCustomQuoteFencePanel);
	
	var result = document.createElement("div");
	result.setAttribute("id", "quote_result_container");
	result.appendChild(document.createTextNode("if 1/2 arch, use the high side for height"));
	//new Effect.BlindUp($('customQuoteLink'));
	//new Effect.BlindDown($('customQuote'));
	custom_quote_box.appendChild(hidden_model_code);
	custom_quote_box.appendChild(header);
	custom_quote_box.appendChild(side_h_label);
	custom_quote_box.appendChild(side_h_input);
	custom_quote_box.appendChild(length_label);
	custom_quote_box.appendChild(length_input);
	custom_quote_box.appendChild(button);
	custom_quote_box.appendChild(result);
	
	custom_quote_box.show();
	side_h_input.focus();
}

function getCustomQuoteFencePanel()
{
	var model_code = $('model_code').value;
	var height = parseFloat($('side_h_field').value.replace(/"/,''));
	var length = parseFloat($('length_field').value.replace(/"/,''));
	var price;
	var base;
	switch (model_code){
		case 'FP1': base=.068;break;
		case 'FP2': base=.062;break;
		case 'FP3': base=.075;break;
		case 'FP4': base=.063;break;
		case 'FS1': base=.064;break;
		case 'FS2': base=.083;break;
		case 'FS3': base=.062;break;
		case 'FS4': base=.060;break;
		case 'FS5': base=.053;break;
		case 'FS6': base=.078;break;
		case 'FO1': base=.051;break;
		case 'FO2': base=.055;break;
		case 'FO3': base=.056;break;
		case 'FO4': base=.074;break;
		case 'FO5': base=.065;break;
		case 'FO6': base=.078;break;
	}
	
	price = height * length *base;
	price = BadStrOfCents(price);
	
	$('quote_result_container').innerHTML = 'Your cost on this model in the above dimensions is <strong>$'+price+'</strong><br/>Deduct 15% if ordering unfinished';
	//new Effect.Highlight($('customQuote'));
}