/***** Global Variables *****/
var i=-1;
var isON = "FALSE";
var previousInit = false;
var elemHeader = null;
var elemFooter = null;

/*******************************************************************************
********** CONTROL for Picture Buttions
********************************************************************************/
window.onload = function(){
  var picControl = document.getElementById('picControl');
  var picBtn = picControl.getElementsByTagName('img');
  for(var i=0; i<picBtn.length; i++){
    picBtn[i].onmousedown = function(){
      if(this.id == "picPrev")
        picPrev();
      else if(this.id == "picPauseStart")
        picPauseStart();
      else if(this.id == "picNext")
        picNext();
      else
        alert("Doesn't Exist");
    }
  }
  document.getElementById('indexPics').onmouseover = function(){
    document.getElementById('picControl').style.display = "block";
  }
  document.getElementById('indexPics').onmouseout = function(){
    if(isON == "TRUE")
        document.getElementById('picControl').style.display = "none";
  }
  /***** Get Position of Header *****/
  elemHeader = document.getElementById('header');
  elemFooter = document.getElementById('footer');

  /***** Start Pictures Automatically *****/
  tmrPictures();

  /***** INITIALIZE LAYOUT OF BUTTONS *****/
  init();
};

function picPrev(){
  changePic('-1');
};

function picPauseStart(){
  var findIt = document.images['picPauseStart'].src.indexOf('PlayBtn');
  if(findIt > -1){
    loadPics();
    tmrInterval = window.setInterval("changePic(0)",2000);
    document.images['picPauseStart'].src = "images/PauseBtn.png";
    isON = "TRUE";
  }
  else{
    window.clearInterval(tmrInterval);
    document.images['picPauseStart'].src = "images/PlayBtn.png";
    isON = "FALSE";
  }
};

function picNext(){
  changePic('+1');
};

/*******************************************************************************
********** timer for picture gallery
*******************************************************************************/
function tmrPictures(){
  var temp = window.setTimeout("picPauseStart()",3000);
}
function changePic(val){
  if(val == '0'){
    i++;
    if(i <= 50){
      document.images['pic'].src = eval('pic'+ i +'.src');
    }
    else{
      i = -1;
      document.images['pic'].src = eval('pic99.src');
    }
  }
  else if(val == '-1'){
    i--;
    if(i < 0)
        i=50;
    document.images['pic'].src = eval('pic'+ i +'.src');
  }
  else if(val == '+1'){
    i++;
    if(i > 50)
        i=0;
    document.images['pic'].src = eval('pic'+ i+'.src');
  }
}
/**** Load Pictures *****/
var tmrInterval;
function loadPics(){
  if(document.images && !previousInit){
    pic0 = new Image(346,250); pic0.src = "images/slideshow/pic0.jpg";
    pic1 = new Image(346,250); pic1.src = "images/slideshow/pic1.jpg";
    pic2 = new Image(346,250); pic2.src = "images/slideshow/pic2.jpg";
    pic3 = new Image(346,250); pic3.src = "images/slideshow/pic3.jpg";
    pic4 = new Image(346,250); pic4.src = "images/slideshow/pic4.jpg";
    pic5 = new Image(346,250); pic5.src = "images/slideshow/pic5.jpg";
    pic6 = new Image(346,250); pic6.src = "images/slideshow/pic6.jpg";
    pic7 = new Image(346,250); pic7.src = "images/slideshow/pic7.jpg";
    pic8 = new Image(346,250); pic8.src = "images/slideshow/pic8.jpg";
    pic9 = new Image(346,250); pic9.src = "images/slideshow/pic9.jpg";
    pic10 = new Image(346,250); pic10.src = "images/slideshow/pic10.jpg";
    pic11 = new Image(346,250); pic11.src = "images/slideshow/pic11.jpg";
    pic12 = new Image(346,250); pic12.src = "images/slideshow/pic12.jpg";
    pic13 = new Image(346,250); pic13.src = "images/slideshow/pic13.jpg";
    pic14 = new Image(346,250); pic14.src = "images/slideshow/pic14.jpg";
    pic15 = new Image(346,250); pic15.src = "images/slideshow/pic15.jpg";
    pic16 = new Image(346,250); pic16.src = "images/slideshow/pic16.jpg";
    pic17 = new Image(346,250); pic17.src = "images/slideshow/pic17.jpg";
    pic18 = new Image(346,250); pic18.src = "images/slideshow/pic18.jpg";
    pic19 = new Image(346,250); pic19.src = "images/slideshow/pic19.jpg";
    pic20 = new Image(346,250); pic20.src = "images/slideshow/pic20.jpg";
    pic21 = new Image(346,250); pic21.src = "images/slideshow/pic21.jpg";
    pic22 = new Image(346,250); pic22.src = "images/slideshow/pic22.jpg";
    pic23 = new Image(346,250); pic23.src = "images/slideshow/pic23.jpg";
    pic24 = new Image(346,250); pic24.src = "images/slideshow/pic24.jpg";
    pic25 = new Image(346,250); pic25.src = "images/slideshow/pic25.jpg";
    pic26 = new Image(346,250); pic26.src = "images/slideshow/pic26.jpg";
    pic27 = new Image(346,250); pic27.src = "images/slideshow/pic27.jpg";
    pic28 = new Image(346,250); pic28.src = "images/slideshow/pic28.jpg";
    pic29 = new Image(346,250); pic29.src = "images/slideshow/pic29.jpg";
    pic30 = new Image(346,250); pic30.src = "images/slideshow/pic30.jpg";
    pic31 = new Image(346,250); pic31.src = "images/slideshow/pic31.jpg";
    pic32 = new Image(346,250); pic32.src = "images/slideshow/pic32.jpg";
    pic33 = new Image(346,250); pic33.src = "images/slideshow/pic33.jpg";
    pic34 = new Image(346,250); pic34.src = "images/slideshow/pic34.jpg";
    pic35 = new Image(346,250); pic35.src = "images/slideshow/pic35.jpg";
    pic36 = new Image(346,250); pic36.src = "images/slideshow/pic36.jpg";
    pic37 = new Image(346,250); pic37.src = "images/slideshow/pic37.jpg";
    pic38 = new Image(346,250); pic38.src = "images/slideshow/pic38.jpg";
    pic39 = new Image(346,250); pic39.src = "images/slideshow/pic39.jpg";
    pic40 = new Image(346,250); pic40.src = "images/slideshow/pic40.jpg";
    pic41 = new Image(346,250); pic41.src = "images/slideshow/pic41.jpg";
    pic42 = new Image(346,250); pic42.src = "images/slideshow/pic42.jpg";
    pic43 = new Image(346,250); pic43.src = "images/slideshow/pic43.jpg";
    pic44 = new Image(346,250); pic44.src = "images/slideshow/pic44.jpg";
    pic45 = new Image(346,250); pic45.src = "images/slideshow/pic45.jpg";
    pic46 = new Image(346,250); pic46.src = "images/slideshow/pic46.jpg";
    pic47 = new Image(346,250); pic47.src = "images/slideshow/pic47.jpg";
    pic48 = new Image(346,250); pic48.src = "images/slideshow/pic48.jpg";
    pic49 = new Image(346,250); pic49.src = "images/slideshow/pic49.jpg";
    pic50 = new Image(346,250); pic50.src = "images/slideshow/pic50.jpg";
    pic99 = new Image(346,250); pic99.src = "images/slideshow/logo.gif";
    previousInit = true;
  }
}

/*******************************************************************************
***** Picture window Index Page
*******************************************************************************/
function setPicWindow(val){
  var divPos = document.getElementById('indexIntro');
  var divObj = document.getElementById('picWindow');
  var divCSS = divObj.style;
  divCSS.width = '350px';
  divCSS.height = '496px';
  divCSS.left = eval(objX(divPos))+'px';
  divCSS.top = eval(objY(divPos))+'px';
  /***** Window Value *****/
  if(val == 1) divObj.innerHTML = '<img src="../images/niceCatchLarge.jpg" width="350px" height="496px" title="Nice Catch" alt="Nice Catch" />';
  else if(val == 2) divObj.innerHTML = video;
  else divObj.innerHTML = '<p>No Information to display</p>';
  divCSS.display = "block";
}
function closePicWindow(){
  document.getElementById('picWindow').style.display = 'none';
}
document.write("<div id='picWindow' onclick='closePicWindow();' "+
  "style='display: none; position: absolute; z-index: 100; "+
  "background-image: url(../images/spacer.png); background-repeat: repeat; '>&nbsp;</div>");


/*******************************************************************************
********************************************************************************
** GET CURRENT ELEMENT POSITION
********************************************************************************
*******************************************************************************/
function objX(elem){
  return elem.offsetParent ?
    elem.offsetLeft + objX(elem.offsetParent) :
    elem.offsetLeft;
}

function objY(elem){
  return elem.offsetParent ?
    elem.offsetTop + objY(elem.offsetParent) :
    elem.offsetTop;
}

function objW(elem){
  return elem.offsetParent ?
    elem.offsetWidth + objX(elem.offsetParent) :
    elem.offsetWidth;
}

function objH(elem){
  return elem.offsetHeight ?
   elem.offsetHeight + objY(elem.offsetParent) :
   elem.offsetHeight;
}

/*******************************************************************************
********************************************************************************
** VIDEO OBJECT
********************************************************************************
*******************************************************************************/
video =   '<div class="indexVid"><object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="348" height="212">'+
  '<param name="movie" value="/jwplayer/player.swf" />'+
  ' <param name="allowfullscreen" value="true" />'+
  ' <param name="allowscriptaccess" value="always" />'+
  ' <param name="flashvars" value="file=/media/TeamFrosty2.flv&image=/images/preview.jpg" />'+
  ' <embed type="application/x-shockwave-flash"'+
  '   id="player2"'+
  '   name="player2"'+
  '   src="/jwplayer/player.swf"'+
  '   width="348"'+
  '   height="212"'+
  '   allowscriptaccess="always"'+
  '   allowfullscreen="true"'+
  '   flashvars="file=/media/TeamFrosty2.flv&image=/images/preview.jpg" /></object></div><br /><br />'+
  '<center><p><b>CLICK TO CLOSE</b></p></center';