function ajax(fileurl, elementid, query) {
	try {
 		var xmlhttp = new XMLHttpRequest();
	}
	catch (error)	{
 		try{
   			var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
 		}
 		catch (error) {
		   return false;
 		}
	}
	xmlhttp.open('POST', fileurl, true);
	xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xmlhttp.send(query);
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState == 4) {
			 document.getElementById(elementid).innerHTML=xmlhttp.responseText;
		}
	}
} 

function roll(img_name, img_src)
   {
   document[img_name].src = img_src;
   }

function submit_inquiry(){
  if (document.inquiry.nm.value==''){
    alert("Please enter your name");
  }else if (document.inquiry.em.value==''){
    alert("Please enter your email address");
  }else if (document.inquiry.me.value==''){
    alert("Please fill in the message portion of the form");
    }else{
      document.inquiry.submit();
    }
}

window.onload = function() {
	if (!document.getElementsByTagName) {
		return false; 
	} 
	var popuplinks = document.getElementsByTagName("a");	
	for (var i=0; i < popuplinks.length; i++) {	
		if (popuplinks[i].getAttribute("class") == "popup") {		
			popuplinks[i].onclick = function() {	
			openPopUp(this.getAttribute("href"));	
			return false; 	
			} 	
		}
	} 
} 
var newwindow = '';
function openPopUp(linkURL) {
	if (!newwindow.closed && newwindow.location) {
		newwindow.location.href = linkURL;
	}
	else {
		newwindow=window.open(linkURL,'Cart','left=20,top=20,width=600,height=700,toolbar=0,resizable=0');
		if (!newwindow.opener) newwindow.opener = self;
	}
	if (window.focus) {newwindow.focus()}
	return false;

}   

sfHover = function() {
	var sfEls = document.getElementById("nav_tabs").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"), "");
		}
	}
}

function ajaxFormSubmit(handlerURL, obj, target_id, base) {
  
  var item = document.getElementById(obj).value;
  
  getstr =  base + item;
ajax(handlerURL, target_id, getstr); 
}

function ajaxFormBuilder(handlerURL, q, p, s, o, i, u, ses, d, a, dr, drqty, fl, flqty, shp, ts, w, r, target_id, base) {
  
var item_depth = document.getElementById(d).value;
var item = document.getElementById(i).value;
var user = document.getElementById(u).value;
var session = document.getElementById(ses).value;
var quan = document.getElementById(q).value;
var patina = document.getElementById(p).value;
var surface = document.getElementById(s).value;
var apron = document.getElementById(a).value;
var option = document.getElementById(o).value;
var drain = document.getElementById(dr).value;
var drain_qty = document.getElementById(drqty).value;;
var flange = document.getElementById(fl).value;
var flange_qty = document.getElementById(flqty).value;
var shape = document.getElementById(shp).value;
var tile = document.getElementById(ts).value;
var wide = document.getElementById(w).value;
var rm = document.getElementById(r).value;
  
getstr = base + "&sid=" + session;
getstr += "&uid=" + user;
getstr += "&item=" + item;
getstr += "&o=" + option;
getstr += "&p=" + patina;
getstr += "&s=" + surface; 
getstr +=   "&q=" + quan;
getstr +=   "&apr=" + apron;
getstr += "&depth=" + item_depth;
getstr += "&dr=" + drain; 
getstr +=   "&drqty=" + drain_qty;
getstr +=   "&fl=" + flange;
getstr += "&flqty=" + flange_qty;
getstr += "&shp=" + shape;
getstr += "&ts=" + tile;
getstr += "&wid=" + wide;
getstr += "&rim=" + rm;
 
ajax(handlerURL, target_id, getstr); 
ajax(handlerURL, 'itemMsrp', 'update=msrp&item=' + item + '&surface=' + surface + '&patina=' + patina + '&depth=' + item_depth + '&rim=' + rm + '&shape=' + shape + '&quantity=' + quan + '&tile=' + tile); 
}

function populateQuantity(handler, target_id, element, base){
var elm=document.getElementById(element).value;

if (elm=='0'){
ajax(handler, target_id, base); 
}

}


function ajaxThumbGenerator(handlerURL, target_id, type, element) {
  
  var id = document.getElementById(element).value;

 getstr = "swap=" + type + "&id=" + id;

ajax(handlerURL, target_id, getstr); 
}

        function switchDiv(div_id, newVisibility)
		{
		  var style_sheet = getStyleObject(div_id);
		  if (style_sheet)
		  {
		    style_sheet.display = newVisibility;
		  }
		}

		function getStyleObject(objectId) 
		{
  		if(document.getElementById && document.getElementById(objectId)) {
		return document.getElementById(objectId).style;
   		}
   		else if (document.all && document.all(objectId)) {  
		return document.all(objectId).style;
   		} 
   		else if (document.layers && document.layers[objectId]) { 
		return document.layers[objectId];
   		} 
   		else {
		return false;
   		}
		}


function disableEnterKey(e)
{
     var key;

     if(window.event)
          key = window.event.keyCode;     //IE
     else
          key = e.which;     //firefox

     if(key == 13)
          return false;
     else
          return true;
}

if (window.attachEvent) window.attachEvent("onload", sfHover);