var imageWidth = 768;
var imageHeight = 318;
var imageTimeout = 4000;
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;
  
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(384, 222);
        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('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()
    {

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