// JavaScript Document

var imageWidth = 555;
var imageHeight = 337;
var 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 slideimages=new Array();
 slideimages[0]='/slideshow/slide27.jpg';
 slideimages[1]='/slideshow/slide26.jpg';
 slideimages[2]='/slideshow/slide25.jpg'; 
 slideimages[3]='/slideshow/slide1.jpg'; 
 slideimages[4]='/slideshow/slide3.jpg';  
 slideimages[5]='/slideshow/slide4.jpg';  
 slideimages[6]='/slideshow/slide5.jpg';  
 slideimages[7]='/slideshow/slide6.jpg';  
 slideimages[8]='/slideshow/slide7.jpg';  
 slideimages[9]='/slideshow/slide8.jpg'; 
 slideimages[10]='/slideshow/slide11.jpg';  
 slideimages[11]='/slideshow/slide12.jpg';  
 slideimages[12]='/slideshow/slide13.jpg';  
 slideimages[13]='/slideshow/slide14.jpg';  
 slideimages[14]='/slideshow/slide15.jpg';  
 slideimages[15]='/slideshow/slide16.jpg';
 slideimages[16]='/slideshow/slide17.jpg';
 slideimages[17]='/slideshow/slide18.jpg';
 slideimages[18]='/slideshow/slide19.jpg';
 slideimages[19]='/slideshow/slide20.jpg';
 slideimages[20]='/slideshow/slide21.jpg';
 slideimages[21]='/slideshow/slide22.jpg';
 slideimages[22]='/slideshow/slide23.jpg';
 slideimages[23]='/slideshow/slide24.jpg';
 slideimages[24]='/slideshow/slide9.jpg';  
 slideimages[25]='/slideshow/slide10.jpg';
 slideimages[26]='/slideshow/slide2.jpg';  

 
 
 var Alt=new Array();
 Alt[0]='Blue Line Grill';
 Alt[1]='Blue Line Grill';
 Alt[2]='Blue Line Grill';
 Alt[3]='Blue Line Grill';
 Alt[4]='Blue Line Grill';
 Alt[5]='Blue Line Grill';
 Alt[6]='Blue Line Grill';
 Alt[7]='Blue Line Grill';
 Alt[9]='Blue Line Grill';
 Alt[9]='Blue Line Grill';
 Alt[10]='Blue Line Grill';
 Alt[11]='Blue Line Grill';
 Alt[12]='Blue Line Grill';
 Alt[13]='Blue Line Grill';
 Alt[14]='Blue Line Grill';
 Alt[15]='Blue Line Grill';
 Alt[16]='Blue Line Grill';
 Alt[17]='Blue Line Grill';
 Alt[18]='Blue Line Grill';
 Alt[19]='Blue Line Grill';
 Alt[20]='Blue Line Grill';
 Alt[21]='Blue Line Grill';
 Alt[22]='Blue Line Grill';
 Alt[23]='Blue Line Grill';
 Alt[24]='Blue Line Grill';
 Alt[25]='Blue Line Grill';
  Alt[26]='Blue Line Grill';
 
 
  
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(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);
    clearFade = window.setTimeout(function() { fadeImage(el, currentOpacity); },50);
   }
 
}

function startFading() 
  {
	clearTimeout(clearclick);
//	var thumbLastImage =  "thumbImage" + currentImageNo;
//    var img = document.getElementById(thumbLastImage);
 //	setOpacity(img,100);
// 	
	var el ;
//	if(blnClick == 'false')
//    {
      el = lastImage = document.getElementById('fading_image_container').childNodes[nextImage];
//    }
//    else
//    {
//       el = lastClick = document.getElementById('fading_image_container').childNodes[nextImage];
//    }
//  	
//  	   
  	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 ();
     for (k=0; k< slideimages.length; k++) {
        arImageList[k] = new Image(819, 316);
        arImageList[k].src = slideimages[k];
             
      }
     
     var el = document.getElementById('fading_image_container');     
     while (el.firstChild) { el.removeChild(el.firstChild); }
     el.style.width = imageWidth + 'px';
     el.style.height = imageHeight + 'px';
     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('alt',Alt[i]);
            t.setAttribute('height',imageHeight);
            t.style.position = 'absolute';
            t.style.visibility = 'hidden';            
            el.appendChild(t);
            
         }        
     
     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()
    {

        clearFunction = window.setTimeout(startFading,imageTimeout);
        //document.getElementById('loader').style.display = "none";
        document.getElementById('fading_image_container').style.display = "";
        
        
     }
     
    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);
    }
    
//--------------------------------------------->>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
 
window.onload=pageLoadImages;