function PopRestrictedJS() {

    var obj = document.getElementById('header') ;
    var coors = findPos(obj);
    var aScrollOffsets = getScrollXY();
    var fullHeight = getViewportHeight();
    var content = 'The Water Pik, Inc. website is currently undergoing maintenance.  '+
                  'Not all of the normal functionality is being supported at this time.  '+
                  'Please return later since the information/function that you are looking for is not presently available.';


        var innerHtml   = '<div style="; padding: 18px; border: 2px solid #000000; width:500px; height:65px; '+
                          'font-size:14px;line-height:20px;text-align: center;background-color: #ff9900 ; color:#000000;">'+content+'</div>';

    var x = document.getElementById('restricted');
    x.innerHTML = innerHtml ;

}

function UnPopRestrictedJS() {
    document.getElementById('restricted').innerHTML = '';
}

function PopImageJS( obj , model , label , image , imgWide , imgHigh ) {

    var bgcolor = "#999999" ; // corporate
    if ( document.location.pathname.indexOf( 'oral' ) > -1 )  bgcolor = "#FFFFFF" ;
    if ( document.location.pathname.indexOf( 'shower' ) > -1 )  bgcolor = "#4DB6E3" ;

    var coors = findPos(obj);
    var objLeft = coors[0] + 65 ; /** shift the image to the right to clear the link **/
    var x = document.getElementById('PopImage');
    var aScrollOffsets = getScrollXY();
    var fullHeight = getViewportHeight();
    var linkDown = fullHeight + aScrollOffsets[1] - coors[1] ;

    var divWidth = ( imgWide / 2 ) + 6 ;
    var divHighPad = (( label.length / 15  ) * 16 ) + 60 ;

    var divHigh  = ( imgHigh / 2 ) + divHighPad ;
    var objTop = coors[1];
    if ( coors[1] + divHigh > aScrollOffsets[1] + fullHeight ) {
         objTop = aScrollOffsets[1] + fullHeight - divHigh  ;
    }

    var innerHtml   = '<div style="text-align: center; padding: 10px; border: thin solid #000000;  width:'+divWidth+'px; '+
                      'background-color: #ffffff ; position: absolute; '+
                      'left: '+objLeft+'px; top: '+objTop+'px; ">'+
                      '<img src="'+image+'" width="'+imgWide/2+'" height="'+imgHigh/2+'" ><br />'+
                      '<b>Model '+model+'</b>';

    if ( label ) {
        innerHtml = innerHtml+'<hr />'+label+'</div> ' ;
    } else {
        innerHtml = innerHtml+'</div> ' ;
    }
    
    x.innerHTML = innerHtml ;

}

function UnpopImageJS() {
    document.getElementById('PopImage').innerHTML = '';
}

function findPos(obj) {
    var curleft = curtop = 0;
    if ( obj.offsetParent ) {
        do {    curleft += obj.offsetLeft;
                curtop += obj.offsetTop;
           } while (obj = obj.offsetParent);
    }
    return [curleft,curtop];
}


function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}

function getViewportHeight() {
    if (window.innerHeight!=window.undefined) return window.innerHeight;
    if (document.compatMode=='CSS1Compat') return document.documentElement.clientHeight;
    if (document.body) return document.body.clientHeight; 

    return window.undefined; 
}