// Roll over
function rollover(elemID)
{
    elem = document.getElementById(elemID);
    elem.style.display = 'block'
    document.body.style.cursor='pointer'
}
// Roll out product Images
function rollout(elemID)
{
    elem = document.getElementById(elemID);
    elem.style.display = 'none'
    document.body.style.cursor='auto'
}

var _popup;

function CallUserControlPageMethod()
{
   
}
        
function progress(method){
    //  find the popup behavior
    this._popup = $find('ctl00_ctl00_contentMain_ContentOneColumn_BasketCheckout1_mdlPopup');
    // show the popup
    this._popup.show();
    //  kick-off the webservice, registering our callback
     callback(PageMethods.ForwardingToUserControlPageMethod());
}

function callback(result){
    alert(result)
    //  hide the popup
    this._popup.hide();
    
    //  let the user know if their credit card was validated
    if(result){
        alert('congrats, your credit card is valid!');
    }
    else{
        alert('sorry, your credit card is not valid!');
    }
}

function load() 
{
  if (GBrowserIsCompatible()) 
  {
    var map = new GMap2(document.getElementById("map"));
    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());
    map.setCenter(new GLatLng(55.167475,-1.688731), 15);
  }
}

// Roll over product Images
function ProductImageRollOver(img_src, imgID)
{
	if($a(imgID) != null)		
	{ 	    
		$a(imgID).src = img_src; 
		document.body.style.cursor='pointer'
	}
}
// Roll out product Images
function ProductImageRollOut(img_src, imgID)
{
    document.body.style.cursor='auto'
    
	if($a(imgID) != null)	
	{	
		$a(imgID).src = img_src; 
	}
}

function embedmovie(id, supplierID, file)
{
    var div = document.getElementById(id);
	var so = new SWFObject("flvplayer.swf","FLVPlayer","272","198","6");
	so.addVariable("autostart", "true");	
	so.addVariable("allowfullscreen", "false")
	so.addVariable("file", "videos/SupplierID"+supplierID+"/"+file);
	//so.addVariable("wmode", window );
	//so.addVariable("scale", noorder );
	so.addVariable(5);			
	so.write(div);
}

function displaylimit(theid, thelimit, control)
{
    var box = document.getElementById(theid);
    if(control == "message")
        xxx = theid.replace("messageText","");
    else if (control == "additional")
        xxx = theid.replace("taAdditionalInfo","");
    var lengthleft=thelimit-box.value.length
    if (box.value.length>=thelimit)    
        box.value = box.value.substring(0, thelimit)
    if(lengthleft == -1)
        lengthleft = lengthleft+1            
    if(control == "message")
        document.getElementById(xxx+"remainingChars").innerHTML = 'Characters Remaining: <b><span>'+lengthleft.toString()+'</span></b>'    
    else if (control == "additional")
        document.getElementById(xxx+"remainingInfoChars").innerHTML = 'Characters Remaining: <b><span>'+lengthleft.toString()+'</span></b>'    
}

function clearGeneric(theid, defaultMessage)
{
    var box = document.getElementById(theid);
    if(box.value == defaultMessage) 
    box.value = ''; 
}
function $() {
  var elements = new Array();
  for (var i = 0; i < arguments.length; i++) {
    var element = arguments[i];
    if (typeof element == 'string')
      element = document.getElementById(element);
    if (arguments.length == 1)
      return element;
    elements.push(element);
  }
  return elements;
}
// DDL ROLLOVER
function DDLOver(elemID)
{
    document.body.style.cursor='pointer'
    document.getElementById(elemID).style.backgroundImage = 'url("images/elements/ddlCats.gif")';
}
function DDLOut(elemID)
{
    document.body.style.cursor='auto'
    document.getElementById(elemID).style.backgroundImage = '';
    document.getElementById(elemID).style.backgroundColor = '#EBEBEB';
}

// Navigation Tab Rollover
function hoverTab(elemID)
{
    if(elemID == 'Water')
    { document.getElementById(elemID).className = "hoverOnTabLast"; }
    else {document.getElementById(elemID).className = "hoverOnTab";	}
}
function hoverOffTab(elemID)
{
    document.getElementById(elemID).className = "hoverOffTab";
}
function $a() { // $a function used as jquery stops the above $ function 
  var elements = new Array();
  for (var i = 0; i < arguments.length; i++) {
    var element = arguments[i];
    if (typeof element == 'string')
      element = document.getElementById(element);
    if (arguments.length == 1)
      return element;
    elements.push(element);
  }
  return elements;
}

function sfHover()
{
     var sfEls = document.getElementById("header_nav").getElementsByTagName("li");
     for (var i=0; i<sfEls.length; i++)
     {
          sfEls[i].onmouseover=function()
          {
               this.className+=" sfhover";
          }
          sfEls[i].onmouseout=function()
          {
               if(navigator.appName.indexOf("Internet Explorer")>-1)
               {
                         this.className=this.className.replace(" sfhover", "");
               }else{
                         this.className=this.className.replace(new RegExp("sfhover\\b"), "");
               }
          }
     }
}

function modalPopUp()
{
    document.body.style.overflow = 'hidden';
}
function modalPopUpClose()
{
    document.body.style.overflow = 'auto';
}