/**
* J2T-DESIGN.
*
* @category   J2t
* @package    J2t_Ajaxcheckout
* @copyright  Copyright (c) 2003-2009 J2T DESIGN. (http://www.j2t-design.com)
* @license    GPL
*/

var loadingW = 597;
var loadingH = 285;

function KrCenterWindow(element) {
    if($(element) != null) {

         // retrieve required dimensions
           var el = $(element);
           var elDims = el.getDimensions();
           var browserName=navigator.appName;
           if(browserName==="Microsoft Internet Explorer") {

               if(document.documentElement.clientWidth==0) {
                   //IE8 Quirks
                   //alert('In Quirks Mode!');
                   var y=(document.viewport.getScrollOffsets().top + (document.body.clientHeight - elDims.height) / 2);
                   var x=(document.viewport.getScrollOffsets().left + (document.body.clientWidth - elDims.width) / 2);
               }
               else {
                   var y=(document.viewport.getScrollOffsets().top + (document.documentElement.clientHeight - elDims.height) / 2);
                   var x=(document.viewport.getScrollOffsets().left + (document.documentElement.clientWidth - elDims.width) / 2);
               }
           }
           else {
               // calculate the center of the page using the browser andelement dimensions
               var y = Math.round(document.viewport.getScrollOffsets().top + ((window.innerHeight - $(element).getHeight()))/2);
               var x = Math.round(document.viewport.getScrollOffsets().left + ((window.innerWidth - $(element).getWidth()))/2);
           }
           // set the style of the element so it is centered
           var styles = {
               position: 'absolute',
               top: y + 'px',
               left : x + 'px'
           };
           el.setStyle(styles);
    }
}

function KrShowOverlay(){
   new Effect.Appear($('kr-overlay'), { duration: 0.5,  to: 0.8 });
}
function KrHideOverlay(){
   $('kr-overlay').hide();
   $('kr-offre').hide();
}

function KrShowLoading(){
   KrShowOverlay();
   var progress_box = $('kr-offre');
   progress_box.show();
   progress_box.style.width = loadingW + 'px';
   progress_box.style.height = loadingH + 'px';
   progress_box.style.position = 'absolute';

   KrCenterWindow(progress_box);
   
   //setTimeout(KrHideOverlay, 5000);
}

document.observe("dom:loaded", function() {
   
   Event.observe($('kr-overlay'), 'click', KrHideOverlay);
   Event.observe($('kr-offre'), 'click', KrHideOverlay);

});