// JScript File
// Shalaka JS



var imgObjs = new Array(MYPhotos_arrayDivs.length);
var imgObjsBig = new Array(MYPhotos_arrayDivs.length);
var loaded = 1;
var total = MYPhotos_arrayDivs.length;
var cPercent = 1;
var percent = 1;

var percentLayer = null;
var loadNo = MYPhotos_arrayDivs.length;
var loadCount = 1;
var loadTill = MYPhotos_arrayDivs.length;
var ImgBigPath;
var ImgSmallPath
var SlideShowStatus = 0;

function startLoading() 
{	
 
	if (document.getElementById || document.all)
	{	
	    
		if (SelectedIndex > 0)
		{	
			percentLayer = getLayer("percent");
			percentLayer.style.visibility = "visible";
			//navigationLayer = getLayer("divNavigate");
			loadTill=ArrayLength;
			preloadimages()		
			
		}						
	}
}

function getLayer(layerID) 
{
	if (document.getElementById)
		return document.getElementById(layerID);
	else if (document.all)
		return document.all(layerID);
	else 
		return null;
}

function preloadimages()
{	
	if (document.getElementById || document.all)
	{
		if (loadTill == 1)
		{
			//If no Images to load - No images entered in DB for Blog slideshow
			percentLayer = getLayer("percent");
			percentLayer.style.visibility="hidden";	
			//var galleryLayer = getLayer("divPhotoGallery");
			//galleryLayer.style.visibility = "hidden";			
		}	

		for (i=loadCount; i < loadTill + 1; i++)
		{	 
			imgObjs[i] = new Image();
			imgObjs[i].src = ImgSmallPath + "/" + MYPhotos_arrayDivs[i][3];
			imgObjs[i].onload = imgLoaded;
			
			imgObjsBig[i] = new Image();
			imgObjsBig[i].src = ImgBigPath + "/" + MYPhotos_arrayDivs[i][2];
			imgObjsBig[i].onload = imgLoaded;
			
			loadCount++;
			
			if(imgObjs[i].complete && imgObjsBig[i].complete) 
			{ 
			  imgObjs[i].onload(); 
			  imgObjsBig[i].onload(); 
			}
			  
		}
		
	}
}

function imgLoaded() 
{	
	loaded = loaded + 1;
	updateBar();
}

function updateBar() 
{
    
	if(loaded >= ArrayLength)
	{   
		done();
	}
	else
	{	
	    //percentLayer = getLayer("percent");
		percent = Math.round((loaded/ArrayLength) * 100);
		//percentLayer.style.visibility="visible";	
		//percentLayer.innerText = "Images Loading " + Math.round(percent) + "%";
       
		if (cPercent != percent)
		{				
			cPercent = percent;			
			percentLayer.innerHTML = "Images Loading " + Math.round(cPercent) + "%";
			
           
		}
	}		
}

function done() 
{
	hidePreLoader();	
}
function hidePreLoader()
{
	percentLayer = getLayer("percent");
	//startSlideShowLayer = getLayer("divSlideShow");
	percentLayer.style.visibility="hidden";	
	 MyPhotos_ShowDefault();
	//document.getElementById("tblNavigation").style.visibility = "hidden";	
	if (SelectedIndex > ArrayLength)
	{
		//navigationLayer.style.visibility="visible";
		//startSlideShowLayer.style.visibility="visible";
		//document.getElementById("divLoader").style.visibility = "visible";
		document.getElementById("divNavigate").style.visibility = "visible";
		document.getElementById("divPhotoListing").style.visibility = "visible";
	}		
}


/*------------------------------------------------------------------------------------
Function          :  MyPhotos_ShowDefault
Parameters passed :  None
Returning         :  None
Use				  :  Shows the default divs on each page load
                  :  Set the default settings for the thumbnail
------------------------------------------------------------------------------------*/



function MyPhotos_ShowDefault()
{
  
        //var galleryLayer = getLayer("divLoader");
         var galleryNavigate = getLayer("divNavigate");
         galleryNavigate.style.visibility = "visible";	
         var galleryLayer = getLayer("divPhotoListing");
		 galleryLayer.style.visibility = "visible";	
		 
		 document.getElementById("ctl00_ContentPlaceHolder2_hdnShowImageList").value = "Show";
		 
         MyPhotos_show("MyPhotos_leftImg"); //This is the left arrow image
         //MyPhotos_hide("imgBigPrev1");
         //document.getElementById("imgBigPrev").disabled=false;
	     MyPhotos_show("MyPhotos_rightImg");// This is the right arrow image
          //Show Big Image
            var Src = ImgBigPath + "/" + MYPhotos_arrayDivs[SelectedIndex][2];
         //var SrcSmallImg = ImgSmallPath + "/" + MYPhotos_arrayDivs[SelectedIndex][3];
         
         document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto").src = Src;
        
        // document.getElementById("imgPhotoClick").src = SrcSmallImg;
        //document.getElementById("imgBigPhoto").title = MYPhotos_arrayDivs[SelectedIndex][4];
       
        document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value = 1
     
         if(ArrayLength == 0)
         {
            MyPhotos_hide("divPhotoListing")
            document.getElementById("ctl00_ContentPlaceHolder2_hdnShowImageList").value = "Hide";
         }
       
         if (ArrayLength <= 6)
         { 
            document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value = ArrayLength + 1;    
            MyPhotos_hide("MyPhotos_leftImg");
            MyPhotos_hide("MyPhotos_rightImg");
         }
         else
         {
            document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value = parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value) + 6;
               
         }
  
        MyPhotos_HideAllImages();
        
        for(var i=parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value); i < parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value); i++)// startIndex and endIndex is declared globally
        {
           MyPhotos_show(MYPhotos_arrayDivs[i][1]) // calling function MyPhotos_show()
        }
   
        //Appling style to selected thumbnail
        var divName = MYPhotos_arrayDivs[SelectedIndex][1]
        document.getElementById(divName).className = "HighlightedThumbnail";

       if (ArrayLength == 1)
        {
//             MyPhotos_hide("imgBigPrev1");
//             MyPhotos_hide("imgBigNext1");
             
        }
          
}
/*------------------------------------------------------------------------------------
Function          :  hideAllImages
Parameters passed :  None
Returning         :  None
Use				  :  To MyPhotos_hide all the divs 
------------------------------------------------------------------------------------*/

function MyPhotos_HideAllImages()
{
		for(var indx=1; indx <= MYPhotos_arrayDivs.length-1; indx++)
				MyPhotos_hide(MYPhotos_arrayDivs[indx][1]);
}


/*------------------------------------------------------------------------------------
Function          :  MyPhotos_hide(param)
Parameters passed :  param
Returning         :  None
Use				  :  To MyPhotos_hide the divs 
------------------------------------------------------------------------------------*/
function MyPhotos_hide(MyPhotos_param)
{        
            if(document.all)   
            {
                document.getElementById(MyPhotos_param).style.visibility = "hidden";
                document.getElementById(MyPhotos_param).style.position="absolute";
                document.getElementById(MyPhotos_param).className = "hide";
              
            }
            else
            {
                document.getElementById(MyPhotos_param).className = "hide";
            }    
}

/*------------------------------------------------------------------------------------
Function          :  MyPhotos_show(param)
Parameters passed :  param
Returning         :  None
Use				  :  To show the divs  
------------------------------------------------------------------------------------*/
function MyPhotos_show(MyPhotos_param)
{           
        
    if(document.all)
    {
 	    
 	    document.getElementById(MyPhotos_param).style.visibility = "visible";
    	document.getElementById(MyPhotos_param).style.position="relative";
    	
    	document.getElementById(MyPhotos_param).className = "show";
 	 }
 	 else
 	 {
 	    
  	    document.getElementById(MyPhotos_param).className = "show";
 	 }
}


/*------------------------------------------------------------------------------------
Function          :  MyPhotos_showPrevious
Parameters passed :  None
Returning         :  None
Use				  :  Navigate thru the images using the next arrow key - for small images
------------------------------------------------------------------------------------*/
function MyPhotos_showPrevious()
{
    if(SlideShowStatus == 1)
	   {
	        
	        uhotw_fPlayMode = 0
	        SlideShowStatus = 0
		    document.getElementById("ancPlay").style.visibility="visible";
		    document.getElementById("ImgPlay").style.visibility="visible";
		    document.getElementById("ImgPlay").style.position="relative";
		    document.getElementById("ImgPlay").style.height="12px";
		    document.getElementById("ImgPlay").style.width="6px";	
		    document.getElementById("ancStop").style.visibility="hidden";
		    document.getElementById("ImgStop").style.height="0";
		    document.getElementById("ImgStop").style.width="0";
		    document.getElementById("divPlay").style.height="26px";
		    document.getElementById("divPlay").style.width="24px";
		    document.getElementById("divPlay").style.backgroundColor="#D8D8D8";
		    window.clearTimeout()
	   }
	   else
	   {   
            MyPhotos_show("MyPhotos_leftImg"); //This is the left arrow image
            MyPhotos_show("MyPhotos_rightImg");// This is the right arrow image
   
            // Decrement the startIndex and endIndex by 1. This is because we are showing only one previous image on each mouseover.
            var i =0;  
            if(parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value)- parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value)== 6)
            {
                document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value = parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value)-1;
            }     
            document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value = parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value)-1;
          
            MyPhotos_HideAllImages();

           for(i=parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value);i<parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value);i++)
	          {
 		        MyPhotos_show(MYPhotos_arrayDivs[i][1]);// show all the divs in this set
         		
		         // check if the startIndex is start of the array.If yes hide the previous arrow i.e. MyPhotos_leftImg
		         // and show MyPhotos_rightImg if it is hidden
//                   if(parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value)==1)
//                    {
//                         MyPhotos_hide("MyPhotos_leftImg");
//                       
//                    }// If ends		
	          }// for ends 
	             // For Right Navigation 
//	              if(parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value) == MYPhotos_arrayDivs.length)
//                    {
//                       
//                        MyPhotos_hide("MyPhotos_rightImg");
//                    }  
                     //these are the styles to be applied the selected thumbnail
                     
            
              var divName=MYPhotos_arrayDivs[SelectedIndex][1]
                
               if ((SelectedIndex < parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value)) || (SelectedIndex >= parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value)))
	           {
	                document.getElementById(divName).className = "hide";
	           }
	           else
	           {
	                document.getElementById(divName).className = "show HighlightedThumbnail";
	           }
	     }
        
}// function showPrevious ends



/*------------------------------------------------------------------------------------
Function          :  showNext
Parameters passed :  None
Returning         :  None
Use				  :  To show the next divs on mouseover of the right arrow image. If the last record is reached then hide the right Arrow image.  
------------------------------------------------------------------------------------*/
function MyPhotos_showNext()
{
    if(SlideShowStatus == 1)
	   {
	      
	        uhotw_fPlayMode = 0
	        SlideShowStatus = 0
		    document.getElementById("ancPlay").style.visibility="visible";
		    document.getElementById("ImgPlay").style.visibility="visible";
		    document.getElementById("ImgPlay").style.position="relative";
		    document.getElementById("ImgPlay").style.height="12px";
		    document.getElementById("ImgPlay").style.width="6px";	
		    document.getElementById("ancStop").style.visibility="hidden";
		    document.getElementById("ImgStop").style.height="0";
		    document.getElementById("ImgStop").style.width="0";
		    document.getElementById("divPlay").style.height="26px";
		    document.getElementById("divPlay").style.width="24px";
		    document.getElementById("divPlay").style.backgroundColor="#D8D8D8";
		    window.clearTimeout()
	   }
	   else
	   {    
	        var MYPhotos_count =0;
	        MYPhotos_count = MYPhotos_arrayDivs.length;
        	
	        MyPhotos_show("MyPhotos_rightImg");
	        MyPhotos_show("MyPhotos_leftImg");
	        //document.getElementById("imgBigNext").disabled=true;
        	
	        var i =0;   
        	
	        if(parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value) - parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value)== 6)
            {
                document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value = parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value)+1;
            }       
	        document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value = parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value)+1;
        	  
	    MyPhotos_HideAllImages();
        	
	        for(i = parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value); i < parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value); i++)
	          {
	               MyPhotos_show(MYPhotos_arrayDivs[i][1]);
	          }
        	  
//	          if(parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value) == MYPhotos_count)
//   	          {
//   	                alert("show right imng");
//   	                MyPhotos_show("MyPhotos_rightImg");
//	          }
	           //these are the styles to be applied the selected thumbnail
        	   
	           var divName=MYPhotos_arrayDivs[SelectedIndex][1]
        	   	   
	           if ((SelectedIndex < parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value)) || (SelectedIndex >= parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value)))
	           {
	                
	                document.getElementById(divName).className = "hide";
	           }
	           else
	           {
	                document.getElementById(divName).className = "HighlightedThumbnail";
	           }
	   }
}

/*------------------------------------------------------------------------------------
Function          :  ShowHighlighted
Parameters passed :  ImageID
Returning         :  None
Use				  :  To show a particular div as first as per the ImageID passed
------------------------------------------------------------------------------------*/
function MyPhotos_ShowHighlighted()
{

       MyPhotos_show("imgBigPrev1");
       MyPhotos_show("imgBigNext1"); 
   
        MyPhotos_show("MyPhotos_leftImg") //This is the left arrow image
        MyPhotos_show("MyPhotos_rightImg")// This is the right arrow image
        
        //Show Big Photo 
      
        var Src = ImgBigPath + "/" + MYPhotos_arrayDivs[SelectedIndex][2];
          
         document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto").src = Src;
         
         document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto").title=MYPhotos_arrayDivs[SelectedIndex][4];
         
        var MYPhotos_totalFriends = MYPhotos_arrayDivs.length;
              
        MYPhotos_count = MYPhotos_arrayDivs.length
      
       if(parseInt(SelectedIndex) > parseInt(ArrayLength)- 6)
       {
           if(parseInt(ArrayLength) > 6)
           {
                document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value= parseInt(ArrayLength)-5;
                document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value=parseInt(ArrayLength)+1;
            }
            else
            {
                 document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value=parseInt(ArrayLength)+1;
            }
       }
       else
       {      
            document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value=SelectedIndex;
            document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value=parseInt(SelectedIndex)+6;
       }      
        
        if(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value >= MYPhotos_count)
         {
            myEndIndex = MYPhotos_count;
            document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value=MYPhotos_count
         }
    
         MyPhotos_HideAllImages();
       
         for(i=parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value);i < parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value);i++)
          { 
                MyPhotos_show(MYPhotos_arrayDivs[i][1]);
          }
	    
//          if(parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value) ==  MYPhotos_arrayDivs.length)
//           {
//	                    MyPhotos_hide("MyPhotos_rightImg");
//           }
	          
//         if (parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value) == 1)
//         {
//           MyPhotos_hide("MyPhotos_leftImg");
//          }  
            
        //logic for showing/Hiding of Big Prev and Big Next Images
        if(SelectedIndex==1)
        {
              //MyPhotos_hide("imgBigPrev1");
              //document.getElementById("imgBigPrev1").disabled=true;
                
        }
       
        if(SelectedIndex==MYPhotos_count-1)
        {               
             //MyPhotos_hide("imgBigNext1");
             //document.getElementById("imgBigNext1").disabled=true;
        }
        //these are the styles to be applied the selected thumbnail
        var divName = MYPhotos_arrayDivs[SelectedIndex][1]
      
        document.getElementById(divName).className = "show HighlightedThumbnail";
        
       if (ArrayLength == 1)
       {
       }
             
 }

/*------------------------------------------------------------------------------------
Function          :  CommonDisplay
Parameters passed :  None
Returning         :  None
Use				  :  To show a particular div as first as per the ImageID passed
------------------------------------------------------------------------------------*/

function CommonDisplay()
{
        MyPhotos_HideAllImages();
       
         for(i=parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value);i < parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value);i++)
          { 
                MyPhotos_show(MYPhotos_arrayDivs[i][1]);
          }
//          if(parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value) ==  MYPhotos_arrayDivs.length)
//         {                    
//	        MyPhotos_hide("MyPhotos_rightImg");	                 
//         }
//	          
//         if (parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value) == 1)
//         {
//                 MyPhotos_hide("MyPhotos_leftImg");            
//         }  
          
            if(SelectedIndex==ArrayLength)
            {
                 
            } 
             if(SelectedIndex!=1 && SelectedIndex!=ArrayLength)
            {
                 MyPhotos_show("imgBigPrev1");
                 MyPhotos_show("imgBigNext1");
            }
}

var delay = 80;
 var opa=0;
var sett;

function fade(Img)
{
    opa++;
    var obj = Img;
    if(window.sidebar){//Moz
    obj.style.MozOpacity=(opa==10)?'1':'0.'+opa;
    }
    else{//IE
    obj.style.filter='alpha(opacity='+(opa*10)+')';
    }
    if(opa==10){clearTimeout(sett)}
    else{sett = setTimeout('fade()',delay)} 
}

function so_xfade() {
	cOpacity = imgs[current].xOpacity;
	nIndex = imgs[current+1]?current+1:0;

	nOpacity = imgs[nIndex].xOpacity;
	
	cOpacity-=.05; 
	nOpacity+=.05;
	
	imgs[nIndex].style.display = "block";
	imgs[current].xOpacity = cOpacity;
	imgs[nIndex].xOpacity = nOpacity;
	
	setOpacity(imgs[current]); 
	setOpacity(imgs[nIndex]);
	
	if(cOpacity<=0) {
		imgs[current].style.display = "none";
		current = nIndex;
		setTimeout(so_xfade,1000);
	} else {
		setTimeout(so_xfade,50);
	}
	
	function setOpacity(obj) {
		if(obj.xOpacity>.99) {
			obj.xOpacity = .99;
			return;
		}
		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
	}
	
}

  /*------------------------------------------------------------------------------------
Function          :  ShowBigNextImage
Parameters passed :  None
Returning         :  None
Use				  :  this function is called on click of Big Next Arrow Key .This image displays the corresponding Big Image and shows small image as highlighted
------------------------------------------------------------------------------------*/

function ShowBigNextImage()
{
	   if(SlideShowStatus == 1)
	   {
	        uhotw_fPlayMode = 0
	        SlideShowStatus = 0
		    document.getElementById("ancPlay").style.visibility="visible";
		    document.getElementById("ImgPlay").style.visibility="visible";
		    document.getElementById("ImgPlay").style.position="relative";
		    document.getElementById("ImgPlay").style.height="12px";
		    document.getElementById("ImgPlay").style.width="6px";	
		    document.getElementById("ancStop").style.visibility="hidden";
		    document.getElementById("ImgStop").style.height="0";
		    document.getElementById("ImgStop").style.width="0";
		    document.getElementById("divPlay").style.height="26px";
		    document.getElementById("divPlay").style.width="24px";
		    document.getElementById("divPlay").style.backgroundColor="#D8D8D8";
		    window.clearTimeout()
	   }
	   else
	   {    
            var NextIdx;
            if(SelectedIndex == ArrayLength)
            {
              NextIdx = 1
            } 
            else
            {
                NextIdx = parseInt(SelectedIndex) + 1
            }
            
            SelectedIndex = NextIdx 

            MYPhotos_count = MYPhotos_arrayDivs.length
            
            if (ArrayLength <= 6)
             { 
                document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value = ArrayLength + 1;    
                MyPhotos_hide("MyPhotos_leftImg");
                MyPhotos_hide("MyPhotos_rightImg");
             }
             else
             {
                //Set PhotoID to delete - will be used on click of Delete button
                MyPhotos_show("MyPhotos_leftImg") //This is the left arrow image
                MyPhotos_show("MyPhotos_rightImg")// This is the right arrow image  
             }   
            
           
            
            //Show Big Photo 
            //  var crossFadeDuration = 20
                var picture=document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto");
                
//            	if (picture.filters)
//	            {
//		            picture.style.filter="blendTrans(duration=5)";
//		            picture.style.filter="blendTrans(duration=crossFadeDuration)"
//                     picture.style.mozopacity="blendTrans(0.50px)"
//		            picture.filters.blendTrans.Apply();
//	            }

	             var Src = ImgBigPath + "/" + MYPhotos_arrayDivs[SelectedIndex][2];
	             document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto").style.display = "none";
                 picture.src = Src;
                 $(document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto")).fadeIn("slow");
                 
                 picture.title = MYPhotos_arrayDivs[SelectedIndex][4];
 
//                
//                  if (picture.filters)
//	             {
//		            picture.filters.blendTrans.Play();
//	             }
	
             var MYPhotos_totalFriends = MYPhotos_arrayDivs.length;
            
            //If the user clicks the 6th image in the list of 6 images     
            if(SelectedIndex==parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value))
            {
                MyPhotos_showNext()
            } 
              
            //Selected Image Shown first when the image does not belong to the set of images in the scroller
            if(parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value) <= parseInt(SelectedIndex) && parseInt(SelectedIndex)<parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value))
            {     
               CommonDisplay();
            }
            else
            {   
               MyPhotos_ShowHighlighted();
            }
            //these are the styles to be applied the selected thumbnail
         
            var divName = MYPhotos_arrayDivs[SelectedIndex][1]
           document.getElementById(divName).className = "show HighlightedThumbnail";
        }
           
}

function ChkSSStatus()
{
        SlideShowStatus = 0
		document.getElementById("ancPlay").style.visibility="visible";
		document.getElementById("ImgPlay").style.visibility="visible";
		document.getElementById("ImgPlay").style.position="relative";
		document.getElementById("ImgPlay").style.height="12px";
		document.getElementById("ImgPlay").style.width="6px";	
		document.getElementById("ancStop").style.visibility="hidden";
		document.getElementById("ImgStop").style.height="0";
		document.getElementById("ImgStop").style.width="0";
		document.getElementById("divPlay").style.height="26px";
		document.getElementById("divPlay").style.width="24px";
		document.getElementById("divPlay").style.backgroundColor="#D8D8D8";
		window.clearTimeout()
    
}

function ShowSSNextImage()
{
	    
        var NextIdx;
        if(SelectedIndex == ArrayLength)
        {
          NextIdx = 1
        } 
        else
        {
            NextIdx = parseInt(SelectedIndex) + 1
        }
        
        SelectedIndex = NextIdx 

        MYPhotos_count = MYPhotos_arrayDivs.length
        
       if (ArrayLength <= 6)
         { 
            document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value = ArrayLength + 1;    
            MyPhotos_hide("MyPhotos_leftImg");
            MyPhotos_hide("MyPhotos_rightImg");
         }
         else
         {
            //Set PhotoID to delete - will be used on click of Delete button
            MyPhotos_show("MyPhotos_leftImg") //This is the left arrow image
            MyPhotos_show("MyPhotos_rightImg")// This is the right arrow image  
         }   
        
        //Show Big Photo 
       
         var Src = ImgBigPath + "/" + MYPhotos_arrayDivs[SelectedIndex][2];         
          document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto").style.display = "none";
         document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto").src = Src;
         $(document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto")).fadeIn("slow");     
         document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto").title = MYPhotos_arrayDivs[SelectedIndex][4];
    
         var MYPhotos_totalFriends = MYPhotos_arrayDivs.length;
        
        //If the user clicks the 6th image in the list of 6 images     
        if(SelectedIndex==parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value))
        {
            MyPhotos_showSSNext()
        } 
          
        //Selected Image Shown first when the image does not belong to the set of images in the scroller
        if(parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value) <= parseInt(SelectedIndex) && parseInt(SelectedIndex)<parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value))
        {     
           CommonDisplay();
        }
        else
        {   
           MyPhotos_ShowHighlighted();
        }
        //these are the styles to be applied the selected thumbnail
     
        var divName = MYPhotos_arrayDivs[SelectedIndex][1]
        document.getElementById(divName).className = "show HighlightedThumbnail";
           
}
function MyPhotos_showSSNext()
{
    
	        var MYPhotos_count =0;
	        MYPhotos_count = MYPhotos_arrayDivs.length;
        	
	        MyPhotos_show("MyPhotos_rightImg");
	        MyPhotos_show("MyPhotos_leftImg");
	        //document.getElementById("imgBigNext").disabled=true;
        	
	        var i =0;   
        	
	        if(parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value) - parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value)== 6)
            {
                document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value = parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value)+1;
            }       
	        document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value = parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value)+1;
        	  
	        MyPhotos_HideAllImages();
        	
	        for(i = parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value); i < parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value); i++)
	          {
        	    
	               MyPhotos_show(MYPhotos_arrayDivs[i][1]);
	          }
        	  
	          /*if(parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value) == MYPhotos_count)
   	          {
   	                MyPhotos_hide("MyPhotos_rightImg");
	          }*/
	           //these are the styles to be applied the selected thumbnail
        	   
	           var divName=MYPhotos_arrayDivs[SelectedIndex][1]
        	   	   
	           if ((SelectedIndex < parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value)) || (SelectedIndex >= parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value)))
	           {
	                document.getElementById(divName).className = "hide";
	           }
	           else
	           {
	                document.getElementById(divName).className = "HighlightedThumbnail";
	           }
	  
}

 /*------------------------------------------------------------------------------------
Function          :  ShowBigPrevImage
Parameters passed :  None
Returning         :  None
Use				  :  this function is called on click of Big Next Arrow Key .This image displays the corresponding Big Image and shows small image as highlighted
------------------------------------------------------------------------------------*/
function ShowBigPrevImage()
{

	   if(SlideShowStatus == 1)
	   {
	        uhotw_fPlayMode = 0
	        SlideShowStatus = 0
		    document.getElementById("ancPlay").style.visibility="visible";
		    document.getElementById("ImgPlay").style.visibility="visible";
		    document.getElementById("ImgPlay").style.position="relative";
		    document.getElementById("ImgPlay").style.height="12px";
		    document.getElementById("ImgPlay").style.width="6px";	
		    document.getElementById("ancStop").style.visibility="hidden";
		    document.getElementById("ImgStop").style.height="0";
		    document.getElementById("ImgStop").style.width="0";
		    document.getElementById("divPlay").style.height="26px";
		    document.getElementById("divPlay").style.width="24px";
		    document.getElementById("divPlay").style.backgroundColor="#D8D8D8";
		    window.clearTimeout()
	   }
	   else
	   {    
            var PrevIdx;
            if(SelectedIndex == 1)
            {
              var PrevIdx = MYPhotos_arrayDivs.length-1
            } 
            else
            {
               var PrevIdx = parseInt(SelectedIndex) - 1
            }
            
            SelectedIndex = PrevIdx 
            
             var MYPhotos_totalFriends = MYPhotos_arrayDivs.length;
             var MYPhotos_count = MYPhotos_arrayDivs.length;
            
            
            if (ArrayLength <= 6)
             { 
                document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value = ArrayLength + 1;    
                MyPhotos_hide("MyPhotos_leftImg");
                MyPhotos_hide("MyPhotos_rightImg");
             }
             else
             {
                //Set PhotoID to delete - will be used on click of Delete button
                MyPhotos_show("MyPhotos_leftImg") //This is the left arrow image
                MyPhotos_show("MyPhotos_rightImg")// This is the right arrow image  
             }   
            
           //Show Big Photo 
           
             var Src = ImgBigPath + "/" + MYPhotos_arrayDivs[SelectedIndex][2];
              document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto").style.display = "none";
         document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto").src = Src;
         $(document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto")).fadeIn("slow");
             document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto").title = MYPhotos_arrayDivs[SelectedIndex][4];
        
                      
        
            // MyPhotos_show("MyPhotos_leftImg") //This is the left arrow image
            // MyPhotos_show("MyPhotos_rightImg")// This is the right arrow image
                    
          
           //If the user clicks the 1st image in the list of 6        
             if(SelectedIndex==parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value)&& SelectedIndex!=1)
            {
                MyPhotos_showPrevious()
            }   
         
            if(parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value) <= parseInt(SelectedIndex) && parseInt(SelectedIndex)<parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value))
            {
                    CommonDisplay();
            }
             else
             {         
                   MyPhotos_ShowHighlighted();
             } 
            	  
//            if(parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value) ==  MYPhotos_arrayDivs.length)
//             {                    
//	            MyPhotos_hide("MyPhotos_rightImg");	                 
//              }
//    	          
//             if (parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value) == 1)
//              {
//                     MyPhotos_hide("MyPhotos_leftImg");            
//              }  
                        
                //these are the styles to be applied the selected thumbnail
                var divName = MYPhotos_arrayDivs[SelectedIndex][1]
                document.getElementById(divName).className = "show HighlightedThumbnail";
                
      }
}

 /*------------------------------------------------------------------------------------
Function          :  ShowBigImage
Parameters passed :  None
Returning         :  None
Use				  :  this function is called on click of small image .This image displays the corresponding Big Image on click of small image
------------------------------------------------------------------------------------*/
 function ShowBigImage(PhotoID)
 {
       //Set PhotoID to delete - will be used on click of Delete button
       
       document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto").src= "Images/hotelDetails/Transperent.gif"
       
       var myString="divPhotos"+PhotoID
       var MYPhotos_totalFriends=MYPhotos_arrayDivs.length;
       var myIndex=0
       var myEndIndex=0
        MYPhotos_count=MYPhotos_arrayDivs.length
       
       for (i=1;i<MYPhotos_count;i++)
        {
            if(MYPhotos_arrayDivs[i][1]==myString)
            {
                myIndex=i
            }
        }
         SelectedIndex =  myIndex  
          
         //MyPhotos_show("MyPhotos_leftImg") //This is the left arrow image
         //("MyPhotos_rightImg")// This is the right arrow image
         
         if (ArrayLength <= 6)
             { 
                document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value = ArrayLength + 1;    
                MyPhotos_hide("MyPhotos_leftImg");
                MyPhotos_hide("MyPhotos_rightImg");
             }
             else
             {
                //Set PhotoID to delete - will be used on click of Delete button
                MyPhotos_show("MyPhotos_leftImg") //This is the left arrow image
                MyPhotos_show("MyPhotos_rightImg")// This is the right arrow image  
             } 
             
         MyPhotos_show("imgBigPrev1") //This is the left arrow image
         MyPhotos_show("imgBigNext1") 
        
       //logic for showing/Hiding of Big Prev and Big Next Images
        if(SelectedIndex == 1)
        {
             document.getElementById("imgBigNext1").style.visibility = "visible";
             document.getElementById("imgBigNext1").style.position="relative";
             MyPhotos_show("imgBigNext1")  
        }
         
        if(SelectedIndex!=1 && SelectedIndex != ArrayLength)
        {      
            document.getElementById("imgBigPrev1").style.visibility = "visible";
            document.getElementById("imgBigPrev1").style.position="relative";
            document.getElementById("imgBigNext1").style.visibility = "visible";
            document.getElementById("imgBigNext1").style.position="relative";       
            MyPhotos_show("imgBigPrev1") //This is the left arrow image
            MyPhotos_show("imgBigNext1")                        
        }
        if(SelectedIndex == parseInt(MYPhotos_arrayDivs.length)-1)
        {
             document.getElementById("imgBigPrev1").style.visibility = "visible";
             document.getElementById("imgBigPrev1").style.position="relative";
             MyPhotos_show("imgBigPrev1")
        }
        
        //Show Big Photo 
         var Src=ImgBigPath + "/" + MYPhotos_arrayDivs[myIndex][2];
         document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto").style.display = "none";
         document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto").src=Src;
         $(document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto")).fadeIn("slow");
        
         document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto").title=MYPhotos_arrayDivs[SelectedIndex][4];
    
         var MYPhotos_totalFriends = MYPhotos_arrayDivs.length;
      
//         if(parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value) ==  MYPhotos_arrayDivs.length)
//         {   
//	       MyPhotos_hide("MyPhotos_rightImg");           
//         }
//	          
//         if (parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value) == 1)
//         {
//             MyPhotos_hide("MyPhotos_leftImg");    
//         }     
          
        //these are the styles to be applied the selected thumbnail
         for(i=parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value);i<parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnEndIndex").value);i++)
         {
            var divName=MYPhotos_arrayDivs[i][1]
            document.getElementById(divName).className = "show";
            
         }
         
          var divName=MYPhotos_arrayDivs[SelectedIndex][1]
          document.getElementById(divName).className = "show HighlightedThumbnail";
 }
 
 /*------------------------------------------------------------------------------------
    Function          :  Slide show Variable Intializations
------------------------------------------------------------------------------------*/
 
 //Initialize Variables for Slide Effect
uhotw_fPlayMode = 0;
uhotw_iimg1 = 0;
uhotw_iimg2 = 1;

//Set Time Gap for Slide Show
uhotw_dwTimeOutSec=3;


function Play()
{
  
	uhotw_fPlayMode = !uhotw_fPlayMode;
	if (uhotw_fPlayMode)
	{
		SlideShowStatus = 1
		document.getElementById("ancPlay").style.visibility="hidden";
		document.getElementById("ancPlay").style.position="absolute";
		document.getElementById("ImgPlay").style.height="0";
		document.getElementById("ImgPlay").style.width="0";
		document.getElementById("ancStop").style.visibility="visible";
		document.getElementById("ImgStop").style.position="relative";
		document.getElementById("ImgStop").style.height="12px";
		document.getElementById("ImgStop").style.width="10px";
		Next();
	}
	else 
	{	
	    SlideShowStatus = 0
		document.getElementById("ancPlay").style.visibility="visible";
		document.getElementById("ImgPlay").style.height="12px";
		document.getElementById("ImgPlay").style.width="6px";
		document.getElementById("ancStop").style.visibility="hidden";
		document.getElementById("ImgStop").style.height="0";
		document.getElementById("ImgStop").style.width="0";
		window.clearTimeout()
	}
	
}

function Next()
{	
	if (uhotw_fPlayMode)
	{
		
	   	window.setTimeout("Tick()", uhotw_dwTimeOutSec*1500);
	   
	    ChangeImage(1);
	}
}

function Tick() 
{	
	if (uhotw_fPlayMode)
		Next();
}

//Functions for Slide Effect
function ChangeImage(fFwd)
{
	  if (fFwd)
       {  
          
          if ((uhotw_iimg1) > (ArrayLength - 1))   
             uhotw_iimg1 = 1;
          else
            uhotw_iimg1 = uhotw_iimg1 + 1

       }
      else
       { 
         
          if ((uhotw_iimg1) <= 1)
            uhotw_iimg1 = (ArrayLength - 1);
          else
            uhotw_iimg1 = uhotw_iimg1 - 2;
      }
      document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto").style.display="none";
      Update();
      $(document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto")).fadeIn("slow");  
}

function Update()
{	
               
	 var Src=ImgBigPath + "/" + MYPhotos_arrayDivs[uhotw_iimg1][2];	 	 
     document.getElementById("ctl00_ContentPlaceHolder2_imgBigPhoto").src=Src;   
     
     SelectedIndex = uhotw_iimg1     
     ShowSSNextImage()
     
    
}

function Stop()
{

	uhotw_fPlayMode = !uhotw_fPlayMode;
	if (uhotw_fPlayMode)
	{
	   
	}
	else 
	{	
	    SlideShowStatus = 0
		document.getElementById("ancPlay").style.visibility="visible";
		document.getElementById("ImgPlay").style.visibility="visible";
		document.getElementById("ImgPlay").style.position="relative";
		document.getElementById("ImgPlay").style.height="12px";
		document.getElementById("ImgPlay").style.width="6px";	
		document.getElementById("ancStop").style.visibility="hidden";
		document.getElementById("ImgStop").style.height="0";
		document.getElementById("ImgStop").style.width="0";
		document.getElementById("divPlay").style.height="26px";
		document.getElementById("divPlay").style.width="24px";
		document.getElementById("divPlay").style.backgroundColor="#D8D8D8";
		window.clearTimeout()
	}
	
}
function Pause()
{
    uhotw_fPlayMode = !uhotw_fPlayMode;
	if (uhotw_fPlayMode)
	{
	
	}
	else
	{
	    SlideShowStatus = 0
	    document.getElementById("ancPlay").style.visibility="visible";
		document.getElementById("ImgPlay").style.height="12px";
		document.getElementById("ImgPlay").style.width="6px";
		document.getElementById("ImgPlay").style.position="relative";
		document.getElementById("ancStop").style.visibility="hidden";
		document.getElementById("ImgStop").style.height="0";
		document.getElementById("ImgStop").style.width="0";
	    window.clearTimeout()
	}
}