﻿// JScript File



/* *************************************************************************
=GLOBAL VARS
************************************************************************* */
var currentImg;
var itemCount = false;
var imgArray = new Array();

  
/* *************************************************************************
=AJAX HANDLERS 
************************************************************************* */
var handleHomeXML = function(t) {
	 	var homeXML = t.responseXML;	
	 	initHomeXML(homeXML);  
    }
var handleXML = function(t) {

	 	var xmlData = t.responseXML;	
	 	initXML(xmlData);
    }
var errFunc = function(t) {
    alert('Error ' + t.status + ' -- ' + t.statusText);
    }
    
    
/* *************************************************************************
=GALLERY SWAP
************************************************************************* */
function gallerySwap(thisImg, home){
      
       var d = detectMacXFF();
       var imgIdSplit = thisImg.split(".");
       var imgId = imgIdSplit[0];
       
       $(imgId).style.left = 0;
       
        
        if(currentImg){
        
             if (home){
                   //$("homeFlashDiv").style.background = "#fff"
                   }
            pastImg = $(currentImg);
            currentImg = $(imgId);
            if(d){
                currentImg.style.display = "block";
                pastImg.style.display = "none";
            }else{
                if(pastImg != currentImg){
                new Effect.Appear(currentImg);
                new Effect.Fade(pastImg);
                }
            }
        }
        else{
            currentImg = $(imgId);
            
             if(d){
                currentImg.style.display = "block";
               
                }else{
                   new Effect.Appear(currentImg);
                  
                 }
        }
}


/* *************************************************************************
=INIT XML
************************************************************************* */

//Locations Details Pages    
function initXML(thisData){
  
  var newDiv = document.createElement("div");
   newDiv.className = "locGalleryImg"
   $("locGalleryContainer").appendChild(newDiv);
   $("locGalleryContainer").style.background = "none";
  var allItems = thisData.getElementsByTagName("item");

  for(var i = 0; i<allItems.length; i++){
      
    //if(allItems.length == 1){itemCount = true;} 
        var newImgDiv = document.createElement("div");
        var newImg = document.createElement("img");
        var imgSrc = allItems[i].getAttribute('src');
        var imgIdSplit = imgSrc.split(".");
        var imgId = imgIdSplit[0]; 
        newImg.src = "../../img/hotels/"+imgSrc;
        newImgDiv.appendChild(newImg);
        newImgDiv.id = imgId;
        newImgDiv.style.display = "none";
        newDiv.appendChild(newImgDiv);
        
        
  }
    
}

//Home Page
function initHomeXML(thisData){


  var newDiv = document.createElement("div");
  
  newDiv.id = "homeFlashDiv";
  

  $("homeFlashContainer").appendChild(newDiv);
  $("homeFlashContainer").style.background = "none";
 
  var allItems = thisData.getElementsByTagName("item");
  for(var i = 0; i<allItems.length; i++){
      
        var newImgDiv = document.createElement("div");
        var newImg = document.createElement("img");
        var imgSrc = allItems[i].getAttribute('large_src');
        var imgIdSplit = imgSrc.split(".");
        var imgId = imgIdSplit[0]; 
        newImg.src = "img/home/"+imgSrc;
        newImgDiv.appendChild(newImg);
        newImgDiv.id = imgId;
       
        newImgDiv.className = "homeBkgImg";
       // new Effect.Fade(newImgDiv, {duration:0});
       // newImgDiv.style.left = "0";
        newDiv.appendChild(newImgDiv);
        newImgDiv.style.display = "none";
        newImgDiv.style.left = "0";
        
     }
     
  }
   



/* *************************************************************************
=GALLERY TOGGLE FUNCTIONS
************************************************************************* */

function gallerySwapHome(thisImg){
  //alert(thisImg)
  var home = 1;
  gallerySwap(thisImg, home);    

 }



//Toggle Gallery
function showGallery(){
    
    
    var galleryDiv = $("locGalleryContainer");
    var mapDiv = $("map");
    var mapLink = $("mapTrigger");
    var galleryLink = $("galleryTrigger");
 
    
   /*
    
    new Effect.Parallel(
    [ 
	    
		new Effect.Fade(mapDiv, {sync: true}),
		new Effect.Appear(galleryDiv, {sync: true})
	
      ],
    {duration: .6}
     );*/
    galleryDiv.style.visibility = "visible"
   // galleryDiv.style.display = "block"
    mapDiv.style.display = "none"
    mapLink.style.display = "block"
    galleryLink.style.display = "none"
}

//Toggle Map
function showMap(){
    

    var galleryDiv = $("locGalleryContainer");
    var mapDiv = $("map");
    var mapLink = $("mapTrigger");
    var galleryLink = $("galleryTrigger");
    
    //hide inline for scriptaculous 
    mapDiv.style.display = "none";
    mapDiv.style.left = "0";
    /*
    new Effect.Parallel(
    [ 
	    
		new Effect.Fade(galleryDiv, {sync: true}),
		new Effect.Appear(mapDiv, {sync: true})
	
      ],
    {duration: .6}
     );*/
       

    galleryDiv.style.visibility = "hidden" //must be hidden to keep flash from restarting FF
    //galleryDiv.style.display = "none"
    mapDiv.style.display = "block"
    galleryLink.style.display = "block"
    mapLink.style.display = "none"
}