// JScript File
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}


/****************************************************************************************************/
//Function for dot image click 
/*panel = "WowProperty";
 panel = "TopProperty";
panel = "NewProperty";*/
function OnclickofDotImage()
{

     //For image click image 0
       $('#imgDot0').click(function()
                {
                //alert(property)
                    //for Top Properties 
                    if(panel == "TopProperty")
                    {
                    
                        positionTop=0
                        manageControlsTop(positionTop);
                        $('#slideInnerTop').animate
                            ({
                                 'marginLeft' :slideWidthWow*(-positionTop)
                            });
                            document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =document.getElementById('ctl00_ContentPlaceHolder2_rptTopHotels_ctl00_InnertxtDetails').innerHTML ;
                            $('#leftControlTop').hide()
//                            alert("1");
//                            alert(panel);
                    }
                    //for Wow Properties 
                    else if(panel == "WowProperty")
                    {
                            positionWow = 0   
                            manageControlsWow(positionWow);
                            $('#slideInnerWow').animate
                            ({
                               'marginLeft' : slideWidthWow*(-positionWow)
                            });
                            
                        document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =document.getElementById('ctl00_ContentPlaceHolder2_rptWowHotels_ctl00_InnertxtDetails').innerHTML ;
                        $('#leftControlWow').hide()
                    }
                    //for New  Properties 
                    else if(panel =="NewProperty")
                    {
                            position=0;
                            manageControls(position);
                            $('#slideInner').animate
                                ({
                                  'marginLeft' : slideWidthWow*(-position)
                                });
                            document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =document.getElementById('ctl00_ContentPlaceHolder2_rptNewProperties_ctl00_InnertxtDetails').innerHTML ;
                             $('#leftControl').hide()
                    }
                        document.getElementById('imgDot0').src = "Images/active-green-dot.png";            
                        document.getElementById('imgDot1').src = "Images/deactive-grey-dot.png";
                        document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
                });

    
            //For image click image 1
             //for Top Properties 
                   
                 $('#imgDot1').click(function()
                       {
                             if(panel == "TopProperty")
                          {
                                positionTop=1
                                manageControlsTop(positionTop);
                                $('#slideInnerTop').animate
                                    ({
                                         'marginLeft' :slideWidthWow*(-positionTop)
                                    });
                                    
                                document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =document.getElementById('ctl00_ContentPlaceHolder2_rptTopHotels_ctl01_InnertxtDetails').innerHTML ;
                           }
                            
                            //for Wow Properties 
                        else if(panel == "WowProperty")
                        {
                                positionWow = 1   
                                 manageControlsWow(positionWow);
                                $('#slideInnerWow').animate({
                                          'marginLeft' : slideWidthWow*(-positionWow)
                                });
                                document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =document.getElementById('ctl00_ContentPlaceHolder2_rptWowHotels_ctl01_InnertxtDetails').innerHTML ;
                    
                        }
                        //for New  Properties 
                        else if(panel == "NewProperty")
                        {
                               position=1;
                                manageControls(position);
                                 $('#slideInner').animate
                                 ({
                                    'marginLeft' : slideWidthWow*(-position)
                                });
                               document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =document.getElementById('ctl00_ContentPlaceHolder2_rptNewProperties_ctl01_InnertxtDetails').innerHTML ;
                
                        }
                            
                            document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
                            document.getElementById('imgDot1').src = "Images/active-green-dot.png";
                            document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
                        });
                        
             //For image click image2
        $('#imgDot2').click(function()
            {
             if(panel == "TopProperty")
                    {
                         positionTop=2
                         manageControlsTop(positionTop);
                         $('#slideInnerTop').animate({
                                 'marginLeft' : slideWidthWow*(-positionTop)
                            });
                        document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =document.getElementById('ctl00_ContentPlaceHolder2_rptTopHotels_ctl02_InnertxtDetails').innerHTML; 
                        $('#rightControlTop').hide()
                    }
                    
                    else if(panel == "WowProperty")
                    {
                            
                           positionWow = 2
                           manageControlsWow(positionWow);
                           $('#slideInnerWow').animate({
                             'marginLeft' : slideWidthWow*(-positionWow)
                            });
                           document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =document.getElementById('ctl00_ContentPlaceHolder2_rptWowHotels_ctl02_InnertxtDetails').innerHTML; 
                          $('#rightControlWow').hide()
                
                    }
                    //for New  Properties 
                    else if(panel == "NewProperty")
                    {
                         position=2;
                         manageControls(position);
                        $('#slideInner').animate({
                        'marginLeft' : slideWidthWow*(-position)
                         });
                        document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =document.getElementById('ctl00_ContentPlaceHolder2_rptNewProperties_ctl02_InnertxtDetails').innerHTML; 
                        $('#rightControl').hide(); 
            
                    }
                                       
                    document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
                    document.getElementById('imgDot1').src ="Images/deactive-grey-dot.png";
                    document.getElementById('imgDot2').src = "Images/active-green-dot.png";
                                
            });

   
}
/*******************************************************/
//For new properties
$(document).ready(function(){
        //OnclickofDotImage();
        /*Start*/
         //For image click image 0
       $('#imgDot0').click(function()
                {
                  //for New  Properties 
                if(panel =="NewProperty")
                    {
                            position=0;
                            manageControls(position);
                            $('#slideInner').animate
                                ({
                                  'marginLeft' : slideWidthWow*(-position)
                                });
                            document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =document.getElementById('ctl00_ContentPlaceHolder2_rptNewProperties_ctl00_InnertxtDetails').innerHTML ;
                             $('#leftControl').hide()
                    }
                        document.getElementById('imgDot0').src = "Images/active-green-dot.png";            
                        document.getElementById('imgDot1').src = "Images/deactive-grey-dot.png";
                        document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
                });

    
            //For image click image 1
             //for Top Properties 
                   
                 $('#imgDot1').click(function()
                       {
                          if(panel == "NewProperty")
                        {
                               position=1;
                                manageControls(position);
                                 $('#slideInner').animate
                                 ({
                                    'marginLeft' : slideWidthWow*(-position)
                                });
                               document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =document.getElementById('ctl00_ContentPlaceHolder2_rptNewProperties_ctl01_InnertxtDetails').innerHTML ;
                
                        }
                            
                            document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
                            document.getElementById('imgDot1').src = "Images/active-green-dot.png";
                            document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
                        });
                        
             //For image click image2
        $('#imgDot2').click(function()
            {
              if(panel == "NewProperty")
                    {
                         position=2;
                         manageControls(position);
                        $('#slideInner').animate({
                        'marginLeft' : slideWidthWow*(-position)
                         });
                        document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =document.getElementById('ctl00_ContentPlaceHolder2_rptNewProperties_ctl02_InnertxtDetails').innerHTML; 
                        $('#rightControl').hide(); 
            
                    }
                                       
                    document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
                    document.getElementById('imgDot1').src ="Images/deactive-grey-dot.png";
                    document.getElementById('imgDot2').src = "Images/active-green-dot.png";
                                
            });

        /*End*/
 var currentPosition = 0;
  var slideWidth = 635;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
  .wrapAll('<div id="slideInner"></div>')
  // Float left to display horizontally, readjust .slides width
  .css({
    'float' : 'left',
    'width' : slideWidth
  });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert left and right arrow controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Move left</span>')
    .append('<span class="control" id="rightControl">Move right</span>');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  //HEmant - NewPicks
  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    
     if (currentPosition > 2)   
     {
        //alert("currentPosition > 2: " + currentPosition);
        currentPosition = 1;
     }
     if (currentPosition < 0)   
     {
        //alert("currentPosition < 0: " + currentPosition);
        currentPosition = 0;
     }
    
    // Determine new position
      currentPosition = ($(this).attr('id')=='rightControl')
    ? currentPosition+1 : currentPosition-1;
     
     
     if (currentPosition > 2)   
     {
        //alert("currentPosition > 2: " + currentPosition);
        currentPosition = 1;
     }
     if (currentPosition < 0)   
     {
        //alert("currentPosition < 0: " + currentPosition);
        currentPosition = 0;
     }
     
     
      // Hide / show controls
      manageControls(currentPosition);
      // Move slideInner using margin-left
      $('#slideInner').animate({
        'marginLeft' : slideWidth*(-currentPosition)
      });
    });

  // manageControls: Hides and shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
    if(position==0){ $('#leftControl').hide() }
    else{ $('#leftControl').show() }
    // Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() }
    else{ $('#rightControl').show() }
    currentPosition=position
     if (position == 0)
    {
        document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =   document.getElementById('ctl00_ContentPlaceHolder2_rptNewProperties_ctl00_InnertxtDetails').innerHTML ;
        document.getElementById('imgDot0').src = "Images/active-green-dot.png";
        document.getElementById('imgDot1').src = "Images/deactive-grey-dot.png";
        document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
    }
    else if(position == 1)
    {
        document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =   document.getElementById('ctl00_ContentPlaceHolder2_rptNewProperties_ctl01_InnertxtDetails').innerHTML ;
        document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
        document.getElementById('imgDot1').src = "Images/active-green-dot.png";
        document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
    }
    else{
        document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =   document.getElementById('ctl00_ContentPlaceHolder2_rptNewProperties_ctl02_InnertxtDetails').innerHTML; 
        document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
        document.getElementById('imgDot1').src = "Images/deactive-grey-dot.png";
        document.getElementById('imgDot2').src = "Images/active-green-dot.png";
        $('#rightControl').hide();
    }
    }
  });
  
var currentPosition = 0;
var slideWidth = 635;
var slides = $('.slide');
var numberOfSlides = slides.length;
$('#slidesContainer').css('overflow', 'hidden');slides
  .wrapAll('<div  id="slideInner"></div>')
$('#slideInner').css('width', slideWidth * numberOfSlides);
slides
  .css('overflow', 'hidden')
  .wrapAll('<div  id="slideInner"></div>')
$('#slideshow')
  .prepend('<span class="control" id="leftControl">Moves left</span>')
  .append('<span class="control" id="rightControl">Moves right</span>');
function  manageControls(position){
  // position==0 is first slide
  if(position==0)  { $('#leftControl').hide(); }
  else { $('#leftControl').show(); }
    // numberOfSlides-1 is last slides
  if(position==numberOfSlides-1) {  $('#rightControl').hide(); }
  else { $('#rightControl').show(); }
}     manageControls(currentPosition);
$('.control').bind('click',  function(){
  // do something when user clicks
});
currentPosition = ($(this).attr('id')=='rightControl')
                  ?  currentPosition+1 : currentPosition-1;
manageControls(currentPosition);
$('#slideInner').animate({
  'marginLeft' : slideWidth*(-currentPosition)
});

/****************************************************************************************************/
//for Top Properties
$(document).ready(function(){
//OnclickofDotImage();
/*Start*/
//For image click image 0
       $('#imgDot0').click(function()
                {
                //alert(property)
                    //for Top Properties 
                    if(panel == "TopProperty")
                    {
                    
                        positionTop=0
                        manageControlsTop(positionTop);
                        $('#slideInnerTop').animate
                            ({
                                 'marginLeft' :slideWidthWow*(-positionTop)
                            });
                            document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =document.getElementById('ctl00_ContentPlaceHolder2_rptTopHotels_ctl00_InnertxtDetails').innerHTML ;
                            $('#leftControlTop').hide()
//                            alert("1");
//                            alert(panel);
                    }
                    
                        document.getElementById('imgDot0').src = "Images/active-green-dot.png";            
                        document.getElementById('imgDot1').src = "Images/deactive-grey-dot.png";
                        document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
                });

    
            //For image click image 1
             //for Top Properties 
                   
                 $('#imgDot1').click(function()
                       {
                             if(panel == "TopProperty")
                          {
                                positionTop=1
                                manageControlsTop(positionTop);
                                $('#slideInnerTop').animate
                                    ({
                                         'marginLeft' :slideWidthWow*(-positionTop)
                                    });
                                    
                                document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =document.getElementById('ctl00_ContentPlaceHolder2_rptTopHotels_ctl01_InnertxtDetails').innerHTML ;
                           }
                            
                           
                                                  
                            document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
                            document.getElementById('imgDot1').src = "Images/active-green-dot.png";
                            document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
                        });
                        
             //For image click image2
        $('#imgDot2').click(function()
            {
             if(panel == "TopProperty")
                    {
                         positionTop=2
                         manageControlsTop(positionTop);
                         $('#slideInnerTop').animate({
                                 'marginLeft' : slideWidthWow*(-positionTop)
                            });
                        document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =document.getElementById('ctl00_ContentPlaceHolder2_rptTopHotels_ctl02_InnertxtDetails').innerHTML; 
                        $('#rightControlTop').hide()
                    }
                                                         
                    document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
                    document.getElementById('imgDot1').src ="Images/deactive-grey-dot.png";
                    document.getElementById('imgDot2').src = "Images/active-green-dot.png";
                                
            });
/*End*/
  var currentPositionTop = 0;
  var slideWidthTop = 635;
  var slidesTop = $('.slideTop');
  var numberOfSlidesTop = slidesTop.length;

  // Remove scrollbar in JS
  $('#slidesContainerTop').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slidesTop
  .wrapAll('<div id="slideInnerTop"></div>')
  // Float left to display horizontally, readjust .slides width
  .css({
    'float' : 'left',
    'width' : slideWidthTop
  });

  // Set #slideInner width equal to total width of all slides
  $('#slideInnerTop').css('width', slideWidthTop * numberOfSlidesTop);

  // Insert left and right arrow controls in the DOM
  $('#slideshowTop')
    .prepend('<span class="controlTop" id="leftControlTop">Move left</span>')
    .append('<span class="controlTop" id="rightControlTop">Move right</span>');

  // Hide left arrow control on first load
  manageControlsTop(currentPositionTop);

    //Hemant - TopPick
  // Create event listeners for .controls clicks
  $('.controlTop')
    .bind('click', function(){
    
    if (currentPositionTop > 2)   
     {
        //alert("currentPositionTop > 2: " + currentPositionTop);
        currentPositionTop = 1;
     }
     if (currentPositionTop < 0)   
     {
        //alert("currentPositionTop < 0: " + currentPositionTop);
        currentPositionTop = 0;
     }
    
    // Determine new position
      currentPositionTop = ($(this).attr('id')=='rightControlTop')
    ? currentPositionTop+1 : currentPositionTop-1;
     
     
    if (currentPositionTop > 2)   
     {
        //alert("currentPositionTop > 2: " + currentPositionTop);
        currentPositionTop = 1;
     }
     if (currentPositionTop < 0)   
     {
        //alert("currentPositionTop < 0: " + currentPositionTop);
        currentPositionTop = 0;
     }
     
      // Hide / show controls
      manageControlsTop(currentPositionTop);
      // Move slideInner using margin-left
      $('#slideInnerTop').animate({
        'marginLeft' : slideWidthTop*(-currentPositionTop)
      });
    });

  // manageControls: Hides and shows controls depending on currentPosition
  function manageControlsTop(positionTop){
    // Hide left arrow if position is first slide
    if(positionTop==0){ $('#leftControlTop').hide() }
    else{ $('#leftControlTop').show() }
    // Hide right arrow if position is last slide
    if(positionTop==numberOfSlidesTop-1){ $('#rightControlTop').hide() }
    else{ $('#rightControlTop').show() }
    currentPositionTop=positionTop
    if (positionTop == 0)
    {
        document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =   document.getElementById('ctl00_ContentPlaceHolder2_rptTopHotels_ctl00_InnertxtDetails').innerHTML ;
        document.getElementById('imgDot0').src = "Images/active-green-dot.png";
        document.getElementById('imgDot1').src = "Images/deactive-grey-dot.png";
        document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
    }
    else if(positionTop == 1)
    {
        document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =   document.getElementById('ctl00_ContentPlaceHolder2_rptTopHotels_ctl01_InnertxtDetails').innerHTML ;
        document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
        document.getElementById('imgDot1').src = "Images/active-green-dot.png";
        document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
    }
    else{
        document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =   document.getElementById('ctl00_ContentPlaceHolder2_rptTopHotels_ctl02_InnertxtDetails').innerHTML; 
        document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
        document.getElementById('imgDot1').src = "Images/deactive-grey-dot.png";
        document.getElementById('imgDot2').src = "Images/active-green-dot.png";
        $('#rightControl').hide();
    }
    }
  });
  
var currentPositionTop = 0;
var slideWidthTop = 635;
var slidesTop = $('.slideTop');
var numberOfSlidesTop = slidesTop.length;
$('#slidesContainerTop').css('overflow', 'hidden');slidesTop
  .wrapAll('<div  id="slideInnerTop"></div>')
$('#slideInnerTop').css('width', slideWidthTop * numberOfSlidesTop);
slidesTop
  .css('overflow', 'hidden')
  .wrapAll('<div  id="slideInnerTop"></div>')
$('#slideshowTop')
  .prepend('<span class="controlTop" id="leftControlTop">Moves left</span>')
  .append('<span class="controlTop" id="rightControlTop">Moves right</span>');
function  manageControlsTop(positionTop){
  // position==0 is first slide
  if(positionTop==0)  { $('#leftControlTop').hide(); }
  else { $('#leftControlTop').show(); }
    // numberOfSlides-1 is last slides
  if(positionTop==numberOfSlidesTop-1) {  $('#rightControlTop').hide(); }
  else { $('#rightControlTop').show(); }
}     manageControlsTop(currentPositionTop);
$('.controlTop').bind('click',  function(){
  // do something when user clicks
});
currentPositionTop = ($(this).attr('id')=='rightControlTop')
                  ?  currentPositionTop+1 : currentPositionTop-1;
manageControlsTop(currentPositionTop);
$('#slideInnerTop').animate({
  'marginLeft' : slideWidthTop*(-currentPositionTop)
});

/****************************************************************************************************/
//For wow Properties
  
$(document).ready(function(){
    //  OnclickofDotImage();  
    /*Test Start */   
    //For image click image 0
       $('#imgDot0').click(function()
                {
               if(panel == "WowProperty")
                    {
                            positionWow = 0   
                            manageControlsWow(positionWow);
                            $('#slideInnerWow').animate
                            ({
                               'marginLeft' : slideWidthWow*(-positionWow)
                            });
                            
                        document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =document.getElementById('ctl00_ContentPlaceHolder2_rptWowHotels_ctl00_InnertxtDetails').innerHTML ;
                        $('#leftControlWow').hide()
                    }
                    
                        document.getElementById('imgDot0').src = "Images/active-green-dot.png";            
                        document.getElementById('imgDot1').src = "Images/deactive-grey-dot.png";
                        document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
                });

    
            //For image click image 1
             //for Top Properties 
                   
                 $('#imgDot1').click(function()
                       {
                           if(panel == "WowProperty")
                        {
                                positionWow = 1   
                                 manageControlsWow(positionWow);
                                $('#slideInnerWow').animate({
                                          'marginLeft' : slideWidthWow*(-positionWow)
                                });
                                document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =document.getElementById('ctl00_ContentPlaceHolder2_rptWowHotels_ctl01_InnertxtDetails').innerHTML ;
                    
                        }
                                                   
                            document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
                            document.getElementById('imgDot1').src = "Images/active-green-dot.png";
                            document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
                        });
                        
             //For image click image2
        $('#imgDot2').click(function()
            {
             if(panel == "WowProperty")
                    {
                            
                           positionWow = 2
                           manageControlsWow(positionWow);
                           $('#slideInnerWow').animate({
                             'marginLeft' : slideWidthWow*(-positionWow)
                            });
                           document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =document.getElementById('ctl00_ContentPlaceHolder2_rptWowHotels_ctl02_InnertxtDetails').innerHTML; 
                          $('#rightControlWow').hide()
                
                    }
                                                         
                    document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
                    document.getElementById('imgDot1').src ="Images/deactive-grey-dot.png";
                    document.getElementById('imgDot2').src = "Images/active-green-dot.png";
                                
            });
    /*Test End */
    
  var currentPositionWow = 0;
  var slideWidthWow = 635;
  var slidesWow = $('.slideWow');
  var numberOfSlidesWow = slidesWow.length;
 
  // Remove scrollbar in JS
  $('#slidesContainerWow').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slidesWow
  .wrapAll('<div id="slideInnerWow"></div>')
  // Float left to display horizontally, readjust .slides width
  .css({
    'float' : 'left',
    'width' : slideWidthWow
  });

  // Set #slideInner width equal to total width of all slides
  $('#slideInnerWow').css('width', slideWidthWow * numberOfSlidesWow);

  // Insert left and right arrow controls in the DOM
  $('#slideshowWow')
    .prepend('<span class="controlWow" id="leftControlWow">Move left</span>')
    .append('<span class="controlWow" id="rightControlWow">Move right</span>');
   
  // Hide left arrow control on first load
  manageControlsWow(currentPositionWow);


    //Hemant - WOWPick
  // Create event listeners for .controls clicks
  $('.controlWow')
    .bind('click', function(){
    
     if (currentPositionWow > 2)   
     {
        currentPositionWow = 1;
     }
     if (currentPositionWow < 0)   
     {
        currentPositionWow = 0;
     }
    
    // Determine new position
      currentPositionWow = ($(this).attr('id')=='rightControlWow')
    ? currentPositionWow+1 : currentPositionWow-1;
     
     
     if (currentPositionWow > 2)   
     {
        currentPositionWow = 1;
     }
     if (currentPositionWow < 0)   
     {
        currentPositionWow = 0;
     }
     
  
      // Hide / show controls
      manageControlsWow(currentPositionWow);
      // Move slideInner using margin-left
      //alert(currentPositionWow);
      $('#slideInnerWow').animate({
        'marginLeft' : slideWidthWow*(-currentPositionWow)
      });
    });

  // manageControls: Hides and shows controls depending on currentPosition
  function manageControlsWow(positionWow){
    //alert("Positionwow")
    // Hide left arrow if position is first slide
    if(positionWow==0){ $('#leftControlWow').hide() }
    else{ $('#leftControlWow').show() }
    //alert(positionWow);
    // Hide right arrow if position is last slide
    if(positionWow==numberOfSlidesWow-1){ $('#rightControlWow').hide() }
    else{ $('#rightControlWow').show() }
       currentPositionWow=positionWow
      // alert(currentPositionWow);
  if (positionWow == 0)
    {
      
        document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =   document.getElementById('ctl00_ContentPlaceHolder2_rptWowHotels_ctl00_InnertxtDetails').innerHTML ;
        document.getElementById('imgDot0').src = "Images/active-green-dot.png";
        document.getElementById('imgDot1').src = "Images/deactive-grey-dot.png";
        document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
    }
    else if(positionWow == 1)
    {
      
        document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =   document.getElementById('ctl00_ContentPlaceHolder2_rptWowHotels_ctl01_InnertxtDetails').innerHTML ;
        document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
        document.getElementById('imgDot1').src = "Images/active-green-dot.png";
        document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
    }
    else 
    {
        document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =   document.getElementById('ctl00_ContentPlaceHolder2_rptWowHotels_ctl02_InnertxtDetails').innerHTML; 
        document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
        document.getElementById('imgDot1').src = "Images/deactive-grey-dot.png";
        document.getElementById('imgDot2').src = "Images/active-green-dot.png";
        
        $('#rightControl').hide();
    }
    }
  });
  
   
  
var currentPositionWow = 0;
var slideWidthWow = 635;
var slidesWow = $('.slideWow');
var numberOfSlidesWow = slidesWow.length;
$('#slidesContainerWow').css('overflow', 'hidden');slidesWow
  .wrapAll('<div  id="slideInnerWow"></div>')
$('#slideInnerWow').css('width', slideWidthWow * numberOfSlidesWow);
slidesWow
  .css('overflow', 'hidden')
  .wrapAll('<div  id="slideInnerWow"></div>')
$('#slideshowWow')
  .prepend('<span class="controlWow" id="leftControlWow">Moves left</span>')
  .append('<span class="controlWow" id="rightControlWow">Moves right</span>');
function  manageControlsWow(positionWow){
//  alert("IN in manage control wow ")
  // position==0 is first slide
  if(positionWow==0)  { $('#leftControlWow').hide(); }
  else { $('#leftControlWow').show(); }
    // numberOfSlides-1 is last slides
  if(positionWow==numberOfSlidesWow-1) {  $('#rightControlWow').hide(); }
  else { $('#rightControlWow').show(); }
}     manageControlsWow(currentPositionWow);
$('.controlWow').bind('click',  function(){
  // do something when user clicks
});
currentPositionWow = ($(this).attr('id')=='rightControlWow')
                  ?  currentPositionWow+1 : currentPositionWow-1;
                   
manageControlsWow(currentPositionWow);
// alert(currentPositionWow);
$('#slideInnerWow').animate({
  'marginLeft' : slideWidthWow*(-currentPositionWow)

});

  
/****************************************************************************************************/

//var panel = 'WowProperty'
var panel
var property

  function ShowHidePanel(property)
{
    //alert(property);
    if(property == "pnlWowProperties")
    {   
    
        //alert('in the wow panel');
        document.getElementById("pnlWowProperties").style.display = "inline";
        document.getElementById("pnlTopProperties").style.display = "none";
        document.getElementById("pnlNewProperties").style.display = "none";
 
        
        document.getElementById("btnAllNewProperty").style.display = "none";
        document.getElementById("btnAllTopProperties").style.display = "none";
        document.getElementById("btnAllWowProperties").style.display = "inline";
                
        panel = "WowProperty";
        SlideWithTab('0');
    }   
    else if(property == "pnlTopProperties")
    {
        document.getElementById("pnlWowProperties").style.display = "none";
        document.getElementById("pnlTopProperties").style.display = "inline";
        document.getElementById("pnlNewProperties").style.display = "none";

        
        document.getElementById("btnAllNewProperty").style.display = "none";
        document.getElementById("btnAllTopProperties").style.display = "inline";
        document.getElementById("btnAllWowProperties").style.display = "none";
        
        panel = "TopProperty";
        SlideWithTab('0');
    }
    else 
    {
        document.getElementById("pnlWowProperties").style.display = "none";
        document.getElementById("pnlTopProperties").style.display = "none";
        document.getElementById("pnlNewProperties").style.display = "inline";

        
        document.getElementById("btnAllNewProperty").style.display = "inline";
        document.getElementById("btnAllTopProperties").style.display = "none";
        document.getElementById("btnAllWowProperties").style.display = "none";
        
        panel = "NewProperty";
        SlideWithTab('0');
    }    
}



 function SlideWithTab(index)
  {  
    currentPosition = 0;
    currentPositionTop = 0;
    currentPositionWow = 0;
      
    //alert(panel);
      if(panel == 'NewProperty')
     {
             
         currentPosition = 0;
         index =0;
         //currentPosition = ($(this).attr('id')=='rightControl') ? index + 1 : index -1 ;
          // Hide / show controls
         
          manageControls('0');
          //alert(slideWidth);
          // Move slideInner using margin-left
          $('#slideInner').animate({
            'marginLeft' : slideWidth*(-index)
            });
            //Initialize();
           if (index == 0)
            {
                document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =   document.getElementById('ctl00_ContentPlaceHolder2_rptNewProperties_ctl00_InnertxtDetails').innerHTML ;
                document.getElementById('imgDot0').src = "Images/active-green-dot.png";
                document.getElementById('imgDot1').src = "Images/deactive-grey-dot.png";
                document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
            }
            else if(index == 1)
            {
                document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =   document.getElementById('ctl00_ContentPlaceHolder2_rptNewProperties_ctl01_InnertxtDetails').innerHTML ;
                document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
                document.getElementById('imgDot1').src = "Images/active-green-dot.png";
                document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
            }
            else{
                document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =   document.getElementById('ctl00_ContentPlaceHolder2_rptNewProperties_ctl02_InnertxtDetails').innerHTML; 
                document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
                document.getElementById('imgDot1').src = "Images/deactive-grey-dot.png";
                document.getElementById('imgDot2').src = "Images/active-green-dot.png";
                $('#rightControl').hide();
            }
      }
      else if(panel == 'TopProperty')
      {
            currentPositionTop = 0;
            index = 0;
         
           manageControlsTop('0');
          // Move slideInner using margin-left
          $('#slideInnerTop').animate({
            'marginLeft' : slideWidthTop*(-index)
            });
            
             if (index == 0)
            {
                document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =   document.getElementById('ctl00_ContentPlaceHolder2_rptTopHotels_ctl00_InnertxtDetails').innerHTML ;
                document.getElementById('imgDot0').src = "Images/active-green-dot.png";
                document.getElementById('imgDot1').src = "Images/deactive-grey-dot.png";
                document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
            }
            else if(index == 1)
            {
                document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =   document.getElementById('ctl00_ContentPlaceHolder2_rptTopHotels_ctl01_InnertxtDetails').innerHTML ;
                document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
                document.getElementById('imgDot1').src = "Images/active-green-dot.png";
                document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
            }
            else{
                document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =   document.getElementById('ctl00_ContentPlaceHolder2_rptTopHotels_ctl02_InnertxtDetails').innerHTML; 
                document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
                document.getElementById('imgDot1').src = "Images/deactive-grey-dot.png";
                document.getElementById('imgDot2').src = "Images/active-green-dot.png";
                $('#rightControl').hide();
            }
      }
      else
      {
           //alert("In"); 
            currentPositionWow = 0;
            index = 0;
                          
              manageControlsWow('0');
               // Move slideInner using margin-left
             $('#slideInnerWow').animate({
                 'marginLeft' : slideWidthWow*(-index)
               });
            
            //testing
       
            if (index == 0)
            {   
                document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =   document.getElementById('ctl00_ContentPlaceHolder2_rptWowHotels_ctl00_InnertxtDetails').innerHTML ;
                document.getElementById('imgDot0').src = "Images/active-green-dot.png";
                document.getElementById('imgDot1').src = "Images/deactive-grey-dot.png";
                document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
               
    
            }
            else if(index == 1)
            {
             
                document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =   document.getElementById('ctl00_ContentPlaceHolder2_rptWowHotels_ctl01_InnertxtDetails').innerHTML ;
                document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
                document.getElementById('imgDot1').src = "Images/active-green-dot.png";
                document.getElementById('imgDot2').src = "Images/deactive-grey-dot.png";
        
            }
            else{
              
                document.getElementById('ctl00_ContentPlaceHolder2_txtHotelDetails').innerHTML =   document.getElementById('ctl00_ContentPlaceHolder2_rptWowHotels_ctl02_InnertxtDetails').innerHTML; 
                document.getElementById('imgDot0').src = "Images/deactive-grey-dot.png";
                document.getElementById('imgDot1').src = "Images/deactive-grey-dot.png";
                document.getElementById('imgDot2').src = "Images/active-green-dot.png";
                $('#rightControl').hide();
            }
      }
  }