

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 currently being supported.  '+
                  'Please return later if the information/function that you are looking for is not presently available.';

    var Wide = 490 ;
    var High = 37 ;
        var objTop  = coors[1] + 40;

    if ( window.createPopup ) {
        // ie browsers functions
        var objLeft = coors[0] + 460 ; 
    } else {
        var objLeft = coors[0] + 400 ; 
    }
        var innerHtml   = '<div style="text-align: center; padding: 5px; border: 2px solid #000000; width:'+Wide+'px; height:'+High+'px; '+
                          'background-color: #ff9900 ; color:#000000; position: absolute; '+
                          'left:'+objLeft+'px; top:'+objTop+'px; ">'+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; 
}

