// This method is executed on page load



 // This Method is responsible for Chaging the images between button click like enable disable.
 var total;
 var counter;
    function toggleImageButton(counter,total)
    {
          if(counter==0)
          {
               $(".imgPreviousArrow").attr('src', "/VailResorts/sites/"+ resortName +"/assets/img/Previous_arrow_disable.gif");
          }
          else if(counter==total - 1)
          {
               $(".imgNextArrow").attr('src', "/VailResorts/sites/"+ resortName +"/assets/img/Next_arrow_disable.gif");
          }
          else
          {
                $(".imgNextArrow").attr('src', "/VailResorts/sites/"+ resortName +"/assets/img/next_arrow.gif");
                $(".imgPreviousArrow").attr('src', "/VailResorts/sites/"+ resortName +"/assets/img/Previous_arrow.gif");
                //$(".imgPreviousArrow").attr('src', "/Vailesorts/sites/beavercreek/assets/img/previous_arrow.gif");
          }
          //total++;
          counter++;
          //document.getElementById("PhotoModule1_selection").innerHTML= counter + " Of " + total;
          $('.selection').html(counter + " of " + total);
    }
    
    $(document).ready(function()
    {        
        getImageCount();      
    });
    
    function displayImages(index)
    {
		var theImg = _photosArray[index];
		$(".imgPhotoModule").attr('src', "." + theImg.url); 
		$(".photoModule p.photoCaption").html(theImg.alt);
		        
        /*
	    // URL for service call
	    var photoModuleURL= "/vailresorts/sites/global/WebServices/PhotoModuleService.svc/LoadPhoto"

	    // AJAX call for getting the data to be loaded in the thumbnails
	    $.ajax(
	    {
	    
		    type: "POST",
		    url: photoModuleURL,
		    data: "{\"index\" : \""+index+"\"}",
		    contentType: "application/json; charset=utf-8",
		    dataType: "json",
		    success: function(msg) 
		    { 
		        
		        var imageUrl = msg.d.split('|'); 
		        $(".imgPhotoModule").attr('src', "." + imageUrl[0]); 
		        $(".photoModule p.photoCaption").html(imageUrl[1]);
		        
		    }
	    });
	    */
	 }
	 
	 function displayPhotoWidget()
	 {
	  
	    //var hiddenTotalImage = $("#hiddenTotalImage").val();                  
	    var hiddenTotalImage = $(".hiddenTotalImage").val();                  
        if(hiddenTotalImage <= 0)
        {
          //$("#hiddenTotalImage").parents('.shadeboxWrapper').remove();             
          $(".hiddenTotalImage").parents('.shadeboxWrapper').remove();             
        }
        else
        {
            $('.imgNextArrow').unbind().bind('click',function(event) //pn - unbound events first cos it was clashing with some other click event artf980447
            {
               
               if(counter>= (total - 1))
               {
					counter = total - 1;
                    $(".imgNextArrow").attr('src', "/VailResorts/sites/"+ resortName +"/assets/img/next_arrow_disable.gif");
                    return;
               }
               else
               {
                    counter++;
                    displayImages(counter)
               }
               
               toggleImageButton(counter,total);
            });
            
            $('.imgPreviousArrow').unbind().bind('click',function(event) //pn - unbound events first cos it was clashing with some other click event artf980447
            {
                
               if(counter==0)
               {
                    $(".imgPreviousArrow").attr('src', "/VailResorts/sites/"+ resortName +"/assets/img/Previous_arrow_disable.gif");
                    return;
               }
               else
               {
                    counter--;
                    displayImages(counter)
               }
               toggleImageButton(counter,total);
            });
            
            displayImages(0)
       }        
	 }
	    
	    
    function getImageCount()
    {
        // don't need to do ajax just to find out the number of photos in the gallery.
        // instead, it's now populated via codebehind
        total=$(".hiddenTotalImage").val();
        counter=document.getElementById("hiddenImageCounter").value;
		//toggleImageButton(0,msg.d); 
		toggleImageButton(0,total); 
		displayPhotoWidget();            
        /*
	    // URL for service call
	    var photoModuleURL= "/vailresorts/sites/global/WebServices/PhotoModuleService.svc/ImageCount"
	    // AJAX call for getting the data to be loaded in the thumbnails
	    $.ajax(
	    {
		    type: "POST",
		    url: photoModuleURL,
		    //data: "{\"index\" : \""+index+"\"}",
		    data: "{}",
		    contentType: "application/json; charset=utf-8",
		    dataType: "json",
		    success: function(msg) 
		    { 
		        
        	      $("#hiddenTotalImage").attr('value', msg.d); 
        	      total=document.getElementById("hiddenTotalImage").value;
                  counter=document.getElementById("hiddenImageCounter").value;
                  toggleImageButton(0,msg.d); 
                  displayPhotoWidget();            
		        
		    }		   		     
	    });
	    */
    }