/*******************************************************************************/
/*******************************************************************************/
/* Functions for fade-in and fade-out effects                                  */
/*******************************************************************************/
/*******************************************************************************/

/**************************************************************/
/* get the coordinates of the top-left corner of an element   */
/**************************************************************/
function GetTopLeft(elm) {

    var x, y = 0;

    //* set x to elm’s offsetLeft
    x = elm.offsetLeft;

    //* set y to elm’s offsetTop
    y = elm.offsetTop;

    //* set elm to its offsetParent
    elm = elm.offsetParent;

    //* use while loop to run through parent elements
    while(elm != null) {
        x = parseInt(x) + parseInt(elm.offsetLeft);
        y = parseInt(y) + parseInt(elm.offsetTop);
        elm = elm.offsetParent;
     }

    return {Top:y, Left: x};

}

/**************************************************************/
/* position the pop-up image and fade it in                   */
/**************************************************************/
function showImg(big,img,evnt,pos) {

  if(document.getElementById) {

      //* get the top left corner of the external image (should pass in the external image name)
      var extimg  = document.getElementById(big);
      var extTopLeft = GetTopLeft(extimg);

      //* calc the bottom and right coordinates
      var extbot   = extTopLeft.Top + extimg.height;
      var extright = extTopLeft.Left + extimg.width;

      //* set the new top and left to line up the new image with bot left of exterior image      
      imgx      = new Image();
      imgx.src  = img;
      var newtop  = extbot - imgx.height;
      var newleft = extTopLeft.Left;

      newtop      = newtop  + 'px'; 
      newleft     = newleft + 'px';
      
      var wide = imgx.width + 4;
      var high = imgx.height + 4;
   
      //* set up the image and fade it in
      document.getElementById('imgpop').style.display = 'inline';
      document.getElementById('imgpop').style.top  = newtop;
      document.getElementById('imgpop').style.left = newleft;
      document.getElementById('imgpop').style.backgroundImage = 'url('+img+')';
      document.getElementById('imgpop').style.width  = wide + 'px';
      document.getElementById('imgpop').style.height = high + 'px';
      initImage('imgpop');
  }
}

/**************************************************************/
/* preload the pop-up images for the Sales page               */
/**************************************************************/
function preloadSales() {
 if (document.images) {
   img1  = new Image();
   img1.src  = "Gulfstream-III-GIII-jet-aircraft-interior-1.jpg";
   img2  = new Image();
   img2.src  = "Gulfstream-III-GIII-jet-aircraft-interior-2.jpg";
   img3  = new Image();
   img3.src  = "Gulfstream-III-GIII-jet-aircraft-interior-3.jpg";
   img4  = new Image();
   img4.src  = "Gulfstream-III-GIII-jet-aircraft-cockpit.jpg";
   img5  = new Image();
   img5.src  = "Gulfstream-III-GIII-jet-aircraft-galley.jpg";

/**
   img1b  = new Image();
   img1b.src  = "IAI-Westwind-I-jet-aircraft-exterior-2.jpg";
   img2b  = new Image();
   img2b.src  = "IAI-Westwind-I-jet-aircraft-interior-1.jpg";
   img3b  = new Image();
   img3b.src  = "IAI-Westwind-I-jet-aircraft-interior-2.jpg";
   img4b  = new Image();
   img4b.src  = "IAI-Westwind-I-jet-aircraft-interior-3.jpg";
   img5b  = new Image();
   img5b.src  = "IAI-Westwind-I-jet-aircraft-cockpit.jpg";
   img6b  = new Image();
   img6b.src  = "IAI-Westwind-I-jet-aircraft-lav.jpg";
**/

 }
}

/**************************************************************/
/* fade out the popup                                         */
/**************************************************************/
function fadeElement(elid) {
  if (document.getElementById) {
      clearTimeout(fadeInId);
      fadeOut(elid,100);
  }
}

/**************************************************************/
/* fade in/out functionality                                  */
/**************************************************************/
var fadeInId  = 0;
var fadeOutId = 0;

function initImage(imageId) {
  clearTimeout(fadeOutId);
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
}

function setOpacity(obj, opacity) {
  opacity = (opacity >= 100)?99.999:opacity;

  //* IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";

  //* Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;

  //* Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;

  //* Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}


function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    setOpacity(obj, opacity);
    if (opacity < 100) {
       opacity += 5;                                                      // speed - higher # means faster fade in
       fadeInId = setTimeout("fadeIn('"+objId+"',"+opacity+")", 30);
    }
    else {
       fadeInId = 0;
    }
  }
}

function fadeOut(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    setOpacity(obj, opacity);
    if(opacity > 0) {
       opacity -= 10;
       fadeOutId = setTimeout("fadeOut('"+objId+"',"+opacity+")", 30);
    }
    else {
       obj.style.visibility='hidden';
       fadeOutId = 0;
    }
  }
}