function flipImage(id,url) {
  e = $(id);
  if (e) { e.src = url; }
}

sfHover = function() {
	var sfEls = $("topnav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

    function isValidEmail(address) {
      if (address.indexOf('@') < 3) return false;
      var name = address.substring(0, address.indexOf('@'));
      var domain = address.substring(address.indexOf('@') + 1);
      if (name.indexOf('(') != -1 || name.indexOf(')') != -1 || name.indexOf('<') != -1 || name.indexOf('>') != -1 || name.indexOf(',') != -1 || name.indexOf(';') != -1 || name.indexOf(':') != -1 || name.indexOf('\\') != -1 || name.indexOf('"') != -1 || name.indexOf('[') != -1 || name.indexOf(']') != -1 || name.indexOf(' ') != -1) return false;
      if (domain.indexOf('(') != -1 || domain.indexOf(')') != -1 || domain.indexOf('<') != -1 || domain.indexOf('>') != -1 || domain.indexOf(',') != -1 || domain.indexOf(';') != -1 || domain.indexOf(':') != -1 || domain.indexOf('\\') != -1 || domain.indexOf('"') != -1 || domain.indexOf('[') != -1 || domain.indexOf(']') != -1 || domain.indexOf(' ') != -1) return false;
      return true;
    }

    function trimWhitespace(string) {
      var newString  = '';
      var substring  = '';
      beginningFound = false;

      // copy characters over to a new string
      // retain whitespace characters if they are between other characters
      for (var i = 0; i < string.length; i++) {

      // copy non-whitespace characters
      if (string.charAt(i) != ' ' && string.charCodeAt(i) != 9) {

        // if the temporary string contains some whitespace characters, copy them first
        if (substring != '') {
          newString += substring;
          substring = '';
        }
        newString += string.charAt(i);
        if (beginningFound == false) beginningFound = true;
      }

      // hold whitespace characters in a temporary string if they follow a non-whitespace character
      else if (beginningFound == true) substring += string.charAt(i);
      }
      return newString;
    }

    function checkFields() {
      var errstr = "";

      if (trimWhitespace(document.contact_form.firstname.value).length == 0) {
        errstr += "- First Name\r\n";
      }
      if (trimWhitespace(document.contact_form.lastname.value).length == 0) {
        errstr += "- Last Name\r\n";
      }
      if (!isValidEmail(document.contact_form.email.value)) {
        errstr += "- Valid Email Address\r\n";
      }

      if (trimWhitespace(document.contact_form.cf_zip.value).length == 0) {
         errstr += "- ZIP Code\r\n";
       }
       if (errstr.length == 0) {
         document.contact_form.submit();
         return true;
       } else {
         alert("Please enter information in the following fields:\r\n" + errstr);
         return false;
       }
     }

function showLegal(page,name) {
  return (window.open(page,name,'width=400,height=418,scrollbars=yes,resizeable=yes')) ? false : true;
}

function removalInstr(page) {
	newwindow=window.open(page,'name','height=250,width=400');
	return false;
}

function checkExpertLogin() {
      var errstr = "";
	  
	  if (!isValidEmail(document.frmChkLogin.email.value)) {
        errstr += "- Valid Email Address\r\n";
      }
      if (trimWhitespace(document.frmChkLogin.password.value).length == 0) {
        errstr += "- Password\r\n";
      }
      
      if (errstr.length == 0) {
         document.frmChkLogin.submit();
         return true;
       } else {
         alert("Please enter information in the following fields:\r\n" + errstr);
         return false;
       }
     }

function instrToggle(obj1, obj2) {
	var div1 = $(obj1);
	var div2 = $(obj2);
	for (var i = 1; i < 9; i++) {      
		 	//alert($("answer"+i).style.display)
			if ($("answer"+i).style.display == 'block')
			{                                                                              
				//new Effect.FadeOut($("answer"+i));
				$("answer"+i).style.display = 'none';  
			}
	}	
	//new Effect.FadeIn(div1);
	//new Effect.FadeIn(div2);	
	div1.style.display = 'block';
	div2.style.display = 'block';    
	//alert(div1);
	
	return false;
}  

function wbInstrToggle(obj1, obj2, obj3) {
	var div1 = $(obj1);
	var div2 = $(obj2);  
	var div3 = $(obj3);
	for (var i = 1; i < 10; i++) {
			if ($("answer"+i).style.display = 'block')
				$("answer"+i).style.display = 'none';
	}		
	div1.style.display = 'block';
	div2.style.display = 'block';         
	div3.style.display = 'block';         
	return false;
}           

function promoToggle(obj1) {
	var div1 = $(obj1);
	$("promo_offer").style.display = 'none';		
	div1.style.display = 'block';
	return false;
}

function showContactEmail(to) {
  e = $('contact_email')
  email = '';  switch (to) {
    case 'customer': email = 'feedbackandissues-us@shell.com'; break;
    case 'technical': email = 'pqstechnical-us@shell.com'; break;
    case 'feedback': email = 'feedbackandissues-us@shell.com'; break;
    //case 'offer': email = 'shell.orders@calltsc.com'; break;
  }
  e.innerHTML = email;
  e.style.display = (email=='') ? 'none' : 'inline';
}         

var productStateArray = ["Elements", "WinterWeather", "SunnyWeather", "RainyWeather", "BugTar"];
productStateArray[0] = [true, true, true, true, true, true, true, true, true, true, true, true, true, true, true, true, true, true, true, true, true, true, true, true];
productStateArray[1] = [true, true, true, true, true, true, true, true, false, false, true, true, false, false, false, false, false, false, true, true, true, false, false, false];
productStateArray[2] = [true, true, false, true, true, true, true, false, true, true, false, false, true, true, true, true, true, true, true, true, true, true, true, true];
productStateArray[3] = [true, true, false, true, true, true, true, false, false, false, false, false, false, false, false, false, false, false, true, true, false, false, false, false];
productStateArray[4] = [false, false, false, true, true, false, false, false, false, true, false, false, false, false, false, true, true, true, false, true, true, false, true, true];       

function productFade() {     	
	for (var i = 0; i < 24; i++) {      
		//alert($("answer"+i).style.display)
		if ($("product"+i).visible() != productStateArray[$("productSelect").options[$("productSelect").selectedIndex].value][i]) {                                                                              
				//new Effect.FadeOut($("answer"+i));  
				new Effect.toggle($("product"+i), 'appear');							
		}
	}
}	
     

Effect.FadeIn = function(element) {
  //element = $(element);
  if (element.style.display == 'none')
  {
    //new Effect.Appear(element, {duration: .75} || {});
    new Effect.Appear(element, {duration: .75});
  }
  setBlock(element.id);										
}

Effect.FadeOut = function(element) {
  //element = $(element);
  if (element.style.display == 'block')
  {
    //new Effect.Fade(element, {duration: .75} || {});
    new Effect.Fade(element, {duration: .75});
  }
  //setNone(element.id);							
}

function setBlock(idName) {
		element = $(idName);
		setTimeout("$(element).style.display = 'block'", 800)		
}

function setNone(idName) {
		element = $(idName);	
		setTimeout("element.style.display = 'none'", 800)		
}