﻿var imageWidth = 819;
var imageHeight = 316;
var imageTimeout;
if(location.href.indexOf('oberoi_amarvilas')>0 || location.href.indexOf('oberoi_udaivilas')>0 || location.href.indexOf('oberoi_rajvilas')>0 || location.href.indexOf('oberoi_vanyavilas')>0)
	imageTimeout = 12000;
else if(location.href.indexOf('oberoi_delhi')>0 || location.href.indexOf('oberoi_mumbai')>0 || location.href.indexOf('oberoi_bangalore')>0 || location.href.indexOf('oberoi_kolkata')>0 || location.href.indexOf('oberoi_wildflowerhall')>0 || location.href.indexOf('oberoi_menahouse')>0 || location.href.indexOf('oberoi_thececil')>0  || location.href.indexOf('oberoi_bali')>0 || location.href.indexOf('mice_offer')>0 || location.href.indexOf('oberoi_sahlhasheesh')>0 || location.href.indexOf('oberoi_mauritius')>0 || location.href.indexOf('oberoi_philae')>0 || location.href.indexOf('oberoi_zahra')>0  || location.href.indexOf('oberoi_gurgaon')>0)
{
  imageTimeout = 8000;
}
else
	imageTimeout = 3000;

var nextImage = 0;
var imageNo = 0 ;
var clearFunction;
var clickTimeOut = 0 ;
var counter = 0 ; 
var clearclick ; 
var clearFade; 
var lastImage ;
var blnClick = 'false' ; 
var currentImageNo = 0 ; 
var lastClick;
var title = (document.getElementById("imageTitle")) ? document.getElementById("imageTitle") : false;
var initialload=0
function setOpacity(el, opacity) 
{
	opacity /= 100;
	el.style.opacity = opacity;
	el.style.MozOpacity = opacity;
	el.style.filter = "alpha(opacity=" + (opacity*100) + ")";

}

function fadeImage(el, currentOpacity)
  { 
		  currentOpacity += 5;
		  if(currentOpacity > 100)
		   {
			var prevEl;
			setOpacity(el,100);
		if (title)
		 {	
			setOpacity(title,100);
		}	
			if(blnClick == 'false')
			{
			   prevEl =  el.previousSibling ? el.previousSibling : el.parentNode.lastChild ;
			}   
			else
			{
			   prevEl = lastImage ;
			   lastImage = lastClick;
			}
    
      
			prevEl.style.visibility = 'hidden';
			el.style.zIndex = 1;
			counter = 0; 
			clearTimeout(clearclick);
			clearTimeout(clearFade);
			clearFunction = window.setTimeout(startFading,imageTimeout);
			blnClick = 'false'; 
		  }
		  else 
		  {
			counter++ ;
			setOpacity(el, currentOpacity);
				if (title)
				 {	
				   setOpacity(title, currentOpacity);
				 }  
			clearFade = window.setTimeout(function() { fadeImage(el, currentOpacity); },50);
		   }
 
}

function startFading() 
  {
  
	clearTimeout(clearclick);
	var thumbLastImage =  "thumbImage" + currentImageNo;
	
	if(document.getElementById(thumbLastImage))
	{
		var img = document.getElementById(thumbLastImage);
		setOpacity(img,100);
	
	
		var el;
		if(blnClick == 'false')
		{
		   el = lastImage = document.getElementById('image_container').childNodes[nextImage];
		}
		else
		{
		   el = lastClick = document.getElementById('image_container').childNodes[nextImage];
		}
		if (title)
		 {

				title.innerHTML = el.title;
				title.style.zIndex = 99;
				setOpacity(title, 0);
		 }
		el.style.visibility = 'visible';
		el.style.zIndex = 2;
		setOpacity(el, 0);
		fadeImage(el, 0);
		
		var thumbImage = "thumbImage" + nextImage + "" ; 
		var img1 =  document.getElementById(thumbImage); 
		setOpacity(img1,50);
		currentImageNo = nextImage ; 
		nextImage = (nextImage < slideimages.length-1) ? nextImage + 1 : 0;
	}
  }

function pageLoadImages()
 {
     
     var arImageList = new Array ();
	 var k;
     for (k=0; k< slideimages.length; k++) {
        arImageList[k] = new Image(819, 316);
        arImageList[k].src = slideimages[k];       
      }
     
    var el = document.getElementById('image_container');     
    while (el.firstChild)
	{   
        
        el.removeChild(el.firstChild);
    }

    el.style.width = imageWidth + 'px';
    el.style.height = imageHeight + 'px';
/*    
    var arrLocation = new Array();
	arrLocation.push("http://www.oberoidelhi.com/hotel/room_suites.aspx");
	arrLocation.push("http://localhost/oberoi_weblayer/hotel/room_suites.aspx");
	arrLocation.push("http://localhost/oberoi_weblayer/hotel/meeting-facilities.aspx");
    
    var loc = window.location.toString().toLowerCase();
	var check = false;
    for (var x=0; x<arrLocation.length; x++)
    {
        if (loc.indexOf(arrLocation[x]) != -1)
        {
			check = true;						
            break;            
        }
    }

	if (check == false)
	{
		for (var y=0; y<slideImageAlt.length; y++)
            slideImageAlt[y] = "";
            slideImageTitle[y]="";
	}
*/
     for(var i = 0; i < slideimages.length; i++)
          {
            var t = document.createElement('IMG');
            
            //t.setAttribute('src','/Oberoi_WebLayer'+slideimages[i]);
            t.setAttribute('src', slideimages[i]);
            t.setAttribute('width',imageWidth);
            t.setAttribute('height',imageHeight);
            t.style.position = 'absolute';
            t.style.visibility = 'hidden';
			
			t.setAttribute('alt', slideImageAlt[i]);
   			t.setAttribute('title', slideImageTitle[i]);
								
            el.appendChild(t);
            
         } 
		if (title)
		 {
            title.style.display="";          
		  }	
      //window.setTimeout(startSlideShow,10000)
	  
      startSlideShow()   
  }
   
   
    function tSwapImage(imageNo)
     {
        clickTimeOut = ((20 - counter)* 50 );
        if(clickTimeOut != 1000)
             {
               return;
             }
        else
            {
                if(currentImageNo == imageNo)
                    {
                        return;
                    }
                else
                    {    
                    blnClick = "true" ; 
                    clearTimeout(clearFunction);
                    clearTimeout(clearFade);
                    nextImage = imageNo ; 
                    clearclick = setTimeout(startFading,clickTimeOut);
                    }
            }
      }

  function startSlideShow()
    {
        
        //document.getElementById('loader').style.display = "none";
        document.getElementById('image_container').style.display = "";
			initialload=initialload+1
			if(initialload==1)
			{
			  setimageTimeout=1000
			}
			else
			{
			 setimageTimeout=imageTimeout
			}
	//alert(setimageTimeout)
        clearFunction = window.setTimeout(startFading,setimageTimeout);
        
     }
     
    function greyEffect(itemIndex)
    {
      thumeImageId = "thumbImage" + itemIndex ;
      var el = document.getElementById(thumeImageId);
      setOpacity(el, 50);
    }
    
    function clearEffect(itemIndex)
    {
      thumeImageId = "thumbImage" + itemIndex ;
      var el = document.getElementById(thumeImageId);
      setOpacity(el, 100);
    }
    
//--------------------------------------------->>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
 
