// JavaScript Document - dynamic form functions
function hideForm(div_id)
{
 var elem, vis;  
 if( document.getElementById ) // this is the way the standards work    
 elem = document.getElementById( div_id );  
 else if( document.all ) // this is the way old msie versions work      
 elem = document.all[div_id];  
 else if( document.layers ) // this is the way nn4 works    
 elem = document.layers[div_id];  
 vis = elem.style;  
 // if the style.display value is blank we try to figure it out here
 if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)    
 vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';  
 vis.display = 'none';
}

function hideAll()
{
  hideForm('CANLED');
  hideForm('GSLEDIP');
  hideForm('XCANLEDDC');
  hideForm('XCANLEDAC');
  hideForm('PODLED');
  hideForm('RECLED');
  hideForm('BFLED');
  hideForm('STRINGLED');
}

function switchForm(div_id)
{
 var elem, vis;  
 hideAll();
 if( document.getElementById ) // this is the way the standards work    
 elem = document.getElementById( div_id );  
 else if( document.all ) // this is the way old msie versions work      
 elem = document.all[div_id];  
 else if( document.layers ) // this is the way nn4 works    
 elem = document.layers[div_id];  
 vis = elem.style;  
 // if the style.display value is blank we try to figure it out here
 if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)    
 vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';  
 
 vis.display = (vis.display==''||vis.display=='block')?'none':'block';
}

function showPwr(val)
{
 var elem, vis;  
 if( document.getElementById ) // this is the way the standards work    
 elem = document.getElementById( 'pwrForm' );  
 else if( document.all ) // this is the way old msie versions work      
 elem = document.all['pwrForm'];  
 else if( document.layers ) // this is the way nn4 works    
 elem = document.layers['pwrForm'];  
 vis = elem.style;  
 if(val == '1')
 {
  vis.display = 'block';
 }
 else
  vis.display = 'none';
}

function addFixture() {

var type, optic, finish, connect, color, style, qty, newRow, newQty, newItem;

type = document.getElementById('fixture');

switch(type.value)
{
case 'CANLED':
optic = document.getElementById('CANLED_optic');
color = document.getElementById('CANLED_color');
qty = document.getElementById('CANLED_qty');

newItem = document.createTextNode("CANLED-"+color.value+"-"+optic.value+"-ALU");
break;
case 'GSLEDIP':
optic = document.getElementById('GSLEDIP_optic');
finish = document.getElementById('GSLEDIP_finish');
color = document.getElementById('GSLEDIP_color');
qty = document.getElementById('GSLEDIP_qty');
len = document.getElementById('GSLEDIP_len');

newItem = document.createTextNode("GSLEDIP-"+len.value+"-"+color.value+"-"+optic.value+"-"+finish.value);
break;
case 'XCANLEDDC':
optic = document.getElementById('XCANLEDDC_optic');
color = document.getElementById('XCANLEDDC_color');
qty = document.getElementById('XCANLEDDC_qty');

newItem = document.createTextNode("XCANLEDDC-"+color.value+"-"+optic.value+"-ALU");
break;
case 'XCANLEDAC':
optic = document.getElementById('XCANLEDAC_optic');
connect = document.getElementById('XCANLEDAC_connect');
color = document.getElementById('XCANLEDAC_color');
qty = document.getElementById('XCANLEDAC_qty');

newItem = document.createTextNode("XCANLEDAC-"+color.value+"-"+optic.value+"-"+connect.value+"-ALU");
break;
case 'PODLED':
optic = document.getElementById('PODLED_optic');
finish = document.getElementById('PODLED_finish');
color = document.getElementById('PODLED_color');
style = document.getElementById('PODLED_style');
qty = document.getElementById('PODLED_qty');

var styleval
switch(style.value)
{
 case 'NM': styleval='';break;
 case 'REC' : styleval='-REC';
 case 'HMN' : styleval='-HMN';
}
newItem = document.createTextNode("PODLED-"+color.value+"-"+optic.value+"-"+finish.value+styleval);
break;
case 'RECLED':
optic = document.getElementById('RECLED_optic');
finish = document.getElementById('RECLED_finish');
color = document.getElementById('RECLED_color');
qty = document.getElementById('RECLED_qty');

newItem = document.createTextNode("RECLED-"+color.value+"-"+optic.value+"-"+finish.value);
break;
case 'BFLED':
color = document.getElementById('BFLED_color');
qty = document.getElementById('BFLED_qty');

newItem = document.createTextNode("BFLED-"+color.value);
break;
case 'STRINGLED':
color = document.getElementById('STRINGLED_color');
qty = document.getElementById('STRINGLED_qty');

newItem = document.createTextNode("STRINGLED-"+color.value);
break;
}

newQty = document.createTextNode(qty.value);
var d = document.getElementById( 'RFQTbl' )
var r = d.getElementsByTagName("tbody").item(0);
var row=document.createElement('TR');
var td1=document.createElement('TD');
var td2=document.createElement('TD');
td1.appendChild(newItem);
td2.appendChild(newQty);
row.appendChild(td1);
row.appendChild(td2);
r.appendChild(row);
}

function addSupply(supply) {

var qty;

qty = document.getElementById(supply);
newItem = document.createTextNode(supply);
newQty = document.createTextNode(qty.value);
var d = document.getElementById( 'RFQPwrTbl' )
var r = d.getElementsByTagName("tbody").item(0);
var row=document.createElement('TR');
var td1=document.createElement('TD');
var td2=document.createElement('TD');
td1.appendChild(newItem);
td2.appendChild(newQty);
row.appendChild(td1);
row.appendChild(td2);
r.appendChild(row);
}

function viewableContent(){
hideAll();
showPwr('0');
}

function ItemValues()
{
  var fixtures,supplies,retVal;
  fixtures = document.getElementById('RFQTbl').innerHTML;
  for(var i=0; i< document.forms["formR"].includepower.length;i++)
  {
    if(document.forms["formR"].includepower[i].checked == true)
    {
  	switch(i)
        {
        case 0:
	    supplies = "<br/>Nemalux Select Best supply configuration<br/>";
  	break;
  	case 1:
	    supplies = "<br/>Nemalux Select Single supply for each fixture<br/>";
	break;
	case 2:
	    supplies = "<br/>No Supply REquired<br/>";
        break;
	case 3:
	    supplies = document.getElementById('RFQPwrTbl').innerHTML;
	break;
	}
    }
  }
  
  retVal = fixtures+supplies;
  return retVal;
}

// ----------------------------------------------------------------------
// Javascript form validation routines.
// Author: Stephen Poley
//
// Simple routines to quickly pick up obvious typos.
// All validation routines return true if executed by an older browser:
// in this case validation must be left to the server.
//
// Update Jun 2005: discovered that reason IE wasn't setting focus was
// due to an IE timing bug. Added 0.1 sec delay to fix.
//
// Update Oct 2005: minor tidy-up: unused parameter removed
//
// Update Jun 2006: minor improvements to variable names and layout
// ----------------------------------------------------------------------

var nbsp = 160;		// non-breaking space char
var node_text = 3;	// DOM text node-type
var emptyString = /^\s*$/ ;
var global_valfield;	// retain valfield for timer thread

// --------------------------------------------
//                  trim
// Trim leading/trailing whitespace off string
// --------------------------------------------

function trim(str)
{
  return str.replace(/^\s+|\s+$/g, '');
}


// --------------------------------------------
//                  setfocus
// Delayed focus setting to get around IE bug
// --------------------------------------------

function setFocusDelayed()
{
  global_valfield.focus();
}

function setfocus(valfield)
{
  // save valfield in global variable so value retained when routine exits
  global_valfield = valfield;
  setTimeout( 'setFocusDelayed()', 100 );
}


// --------------------------------------------
//                  msg
// Display warn/error message in HTML element.
// commonCheck routine must have previously been called
// --------------------------------------------

function msg(fld,     // id of element to display message in
             msgtype, // class to give element ("warn" or "error")
             message) // string to display
{
  // setting an empty string can give problems if later set to a 
  // non-empty string, so ensure a space present. (For Mozilla and Opera one could 
  // simply use a space, but IE demands something more, like a non-breaking space.)
  var dispmessage;
  if (emptyString.test(message)) 
    dispmessage = String.fromCharCode(nbsp);    
  else  
    dispmessage = message;

  var elem = document.getElementById(fld);
  elem.firstChild.nodeValue = dispmessage;  
  
  elem.className = msgtype;   // set the CSS class to adjust appearance of message
}

// --------------------------------------------
//            commonCheck
// Common code for all validation routines to:
// (a) check for older / less-equipped browsers
// (b) check if empty fields are required
// Returns true (validation passed), 
//         false (validation failed) or 
//         proceed (don't know yet)
// --------------------------------------------

var proceed = 2;  

function commonCheck    (valfield,   // element to be validated
                         infofield,  // id of element to receive info/error msg
                         required)   // true if required
{
  if (!document.getElementById) 
    return true;  // not available on this browser - leave validation to the server
  var elem = document.getElementById(infofield);
  if (!elem.firstChild) return true;  // not available on this browser 
  if (elem.firstChild.nodeType != node_text) return true;  // infofield is wrong type of node  

  if (emptyString.test(valfield.value)) {
    if (required) {
      msg (infofield, "error", "ERROR: required");  
      setfocus(valfield);
      return false;
    }
    else {
      msg (infofield, "warn", "");   // OK
      return true;  
    }
  }
  return proceed;
}

// --------------------------------------------
//            validatePresent
// Validate if something has been entered
// Returns true if so 
// --------------------------------------------

function validatePresent(valfield,   // element to be validated
                         infofield ) // id of element to receive info/error msg
{
  var stat = commonCheck (valfield, infofield, true);
  if (stat != proceed) return stat;

  msg (infofield, "warn", "");  
  return true;
}

// --------------------------------------------
//               validateEmail
// Validate if e-mail address
// Returns true if so (and also if could not be executed because of old browser)
// --------------------------------------------

function validateEmail  (valfield,   // element to be validated
                         infofield,  // id of element to receive info/error msg
                         required)   // true if required
{
  var stat = commonCheck (valfield, infofield, required);
  if (stat != proceed) return stat;

  var tfld = trim(valfield.value);  // value of field with whitespace trimmed off
  var email = /^[^@]+@[^@.]+\.[^@]*\w\w$/  ;
  if (!email.test(tfld)) {
    msg (infofield, "error", "ERROR: not a valid e-mail address");
    setfocus(valfield);
    return false;
  }

  var email2 = /^[A-Za-z][\w.-]+@\w[\w.-]+\.[\w.-]*[A-Za-z][A-Za-z]$/  ;
  if (!email2.test(tfld)) 
    msg (infofield, "warn", "Unusual e-mail address - check if correct");
  else
    msg (infofield, "warn", "");
  return true;
}


// --------------------------------------------
//            validateTelnr
// Validate telephone number
// Returns true if so (and also if could not be executed because of old browser)
// Permits spaces, hyphens, brackets and leading +
// --------------------------------------------

function validateTelnr  (valfield,   // element to be validated
                         infofield,  // id of element to receive info/error msg
                         required)   // true if required
{
  var stat = commonCheck (valfield, infofield, required);
  if (stat != proceed) return stat;

  var tfld = trim(valfield.value);  // value of field with whitespace trimmed off
  var telnr = /^\+?[0-9 ()-]+[0-9]$/  ;
  if (!telnr.test(tfld)) {
    msg (infofield, "error", "ERROR: not a valid telephone number. Characters permitted are digits, space ()- and leading +");
    setfocus(valfield);
    return false;
  }

  var numdigits = 0;
  for (var j=0; j<tfld.length; j++)
    if (tfld.charAt(j)>='0' && tfld.charAt(j)<='9') numdigits++;

  if (numdigits<6) {
    msg (infofield, "error", "ERROR: " + numdigits + " digits - too short");
    setfocus(valfield);
    return false;
  }

  if (numdigits>14)
    msg (infofield, "warn", numdigits + " digits - check if correct");
  else { 
    if (numdigits<10)
      msg (infofield, "warn", "Only " + numdigits + " digits - check if correct");
    else
      msg (infofield, "warn", "");
  }
  return true;
}

// --------------------------------------------
//             validateAge
// Validate person's age
// Returns true if OK 
// --------------------------------------------

function validateAge    (valfield,   // element to be validated
                         infofield,  // id of element to receive info/error msg
                         required)   // true if required
{
  var stat = commonCheck (valfield, infofield, required);
  if (stat != proceed) return stat;

  var tfld = trim(valfield.value);
  var ageRE = /^[0-9]{1,3}$/
  if (!ageRE.test(tfld)) {
    msg (infofield, "error", "ERROR: not a valid age");
    setfocus(valfield);
    return false;
  }

  if (tfld>=200) {
    msg (infofield, "error", "ERROR: not a valid age");
    setfocus(valfield);
    return false;
  }

  if (tfld>110) msg (infofield, "warn", "Older than 110: check correct");
  else {
    if (tfld<7) msg (infofield, "warn", "Bit young for this, aren't you?");
    else        msg (infofield, "warn", "");
  }
  return true;
}

function validateInfo()
{
var elem;
    var errs=0;
    // execute all element validations in reverse order, so focus gets
    // set to the first one in error.
	if (!validatePresent(document.formR.nb_shipName,"inf_bSN")) errs += 1;
	if (!validateEmail(document.formR.nb_email,"inf_bEmail",true)) errs += 1;
	if (!validateTelnr(document.formR.nb_phone,"inf_bPhone",true)) errs += 1;
	if (!validatePresent(document.formR.ns_add1,"inf_sAdd1")) errs += 1;
	if (!validatePresent(document.formR.ns_city,"inf_sCity")) errs += 1
	if (!validatePresent(document.formR.ns_country,"inf_sCountry")) errs += 1;
	if (!validatePresent(document.formR.ns_province,"inf_sProvince")) errs += 1;
	if (!validatePresent(document.formR.ns_postal,"inf_sPostal")) errs += 1;

    if (errs>1)  alert('There are fields which need correction before sending');
    if (errs==1) alert('There is a field which needs correction before sending');

    return (errs==0);
};


function SendValues()
{
  var data = document.getElementById('quoteValues');
  data.innerHTML = "<input type='hidden' name='quoteData' value='"+ItemValues()+"'>";
  if(!validateInfo())
   data.innerHTML = "";
  else
  {
   document.formR.submit();
  }
}