// JavaScript Document

$(document).ready(function () {  
   

// Change the on-click URL here

$('#sliv_1 ').click(
       function () { window.location.href = '/VenuePageAlbionHotel/553/n/3/0/0/'; });

$('#sliv_2 ').click(
       function () { window.location.href = '/VenuePageChelseaHotel/555/n/3/0/0/'; });

$('#sliv_3 ').click(
       function () { window.location.href = '/VenuePageClockHotel/556/n/3/0/0/'; });

$('#sliv_4 ').click(
       function () { window.location.href = '/VenuePageCourthouseHotel/569/n/3/0/0/'; });

$('#sliv_5 ').click(
       function () { window.location.href = '/VenuePageEdinburghCastleHotel/560/n/3/0/0/'; });

$('#sliv_6 ').click(
       function () { window.location.href = '/VenuePageGoldenSheafHotel/561/n/3/0/0/'; });

$('#sliv_7 ').click(
       function () { window.location.href = '/VenuePageGoldenSheafHotel/561/n/3/0/0/'; });

$('#sliv_8 ').click(
       function () { window.location.href = '/VenuePageGreenParkHotel/562/n/3/0/0/'; });

$('#sliv_9 ').click(
       function () { window.location.href = '/VenuePageKingsCrossHotel/575/n/3/0/0/'; });

$('#sliv_10 ').click(
       function () { window.location.href = '/VenuePageOperaBar/564/n/3/0/0/'; });

$('#sliv_11 ').click(
       function () { window.location.href = '/VenuePageOperaPointEvents/568/n/3/0/0/'; });

$('#sliv_12 ').click(
       function () { window.location.href = '/VenuePagePaddingtonInn/566/n/3/0/0/'; });

$('#sliv_13 ').click(
       function () { window.location.href = '/VenuePageQuayBar/570/n/3/0/0/'; });

$('#sliv_14 ').click(
       function () { window.location.href = '/VenuePageRegentHotel/571/n/3/0/0/'; });

$('#sliv_15 ').click(
       function () { window.location.href = '/VenuePageRobinHoodHotel/572/n/3/0/0/'; });

$('#sliv_16 ').click(
       function () { window.location.href = '/VenuePageRoyalSovereignHotel/573/n/3/0/0/'; });

$('#sliv_17 ').click(
       function () { window.location.href = '/VenuePageSackvilleHotel/574/n/3/0/0/'; });

$('#sliv_18 ').click(
       function () { window.location.href = '/VenuePageAlbionHotel/553/n/3/0/0/'; });





// This controls the up and down of the sliver photos

     $('#sliv_1 ').hover(  
         function () {  
             //convert current height to negative value  

             $(this).stop().animate({'backgroundPosition':'(0px 350px)'}, {duration:200});      
         },   
               
         function () {  
             //reset the top position  
             $(this).stop().animate({'backgroundPosition':'(0px 0)'}, {duration:1500});   
         });




$('#sliv_2 ').hover(  
         function () {  
             //convert current height to negative value  

             $(this).stop().animate({'backgroundPosition':'(2px 300px)'}, {duration:200});      
         },   
               
         function () {  
             //reset the top position  
             $(this).stop().animate({'backgroundPosition':'(2px 0)'}, {duration:1500});   
         }  
);
$('#sliv_3 ').hover(  
         function () {  
             //convert current height to negative value  

             $(this).stop().animate({'backgroundPosition':'(2px 250px)'}, {duration:200});      
         },   
               
         function () {  
             //reset the top position  
             $(this).stop().animate({'backgroundPosition':'(2px 0)'}, {duration:1500});   
         }  
);
$('#sliv_4 ').hover(  
         function () {  
             //convert current height to negative value  

             $(this).stop().animate({'backgroundPosition':'(2px 200px)'}, {duration:200});      
         },   
               
         function () {  
             //reset the top position  
             $(this).stop().animate({'backgroundPosition':'(2px 0)'}, {duration:1500});   
         }  
);

$('#sliv_5 ').hover(  
         function () {  
             //convert current height to negative value  

             $(this).stop().animate({'backgroundPosition':'(2px 150px)'}, {duration:200});      
         },   
               
         function () {  
             //reset the top position  
             $(this).stop().animate({'backgroundPosition':'(2px 0)'}, {duration:1500});   
         }  
);

$('#sliv_6 ').hover(  
         function () {  
             //convert current height to negative value  

             $(this).stop().animate({'backgroundPosition':'(2px 100px)'}, {duration:200});      
         },   
               
         function () {  
             //reset the top position  
             $(this).stop().animate({'backgroundPosition':'(2px 0)'}, {duration:1500});   
         }  
);



$('#sliv_7 ').hover(  
         function () {  
             //convert current height to negative value  

             $(this).stop().animate({'backgroundPosition':'(0px 350px)'}, {duration:200});      
         },   
               
         function () {  
             //reset the top position  
             $(this).stop().animate({'backgroundPosition':'(0px 0)'}, {duration:1500});   
         }  
);
$('#sliv_8 ').hover(  
         function () {  
             //convert current height to negative value  

             $(this).stop().animate({'backgroundPosition':'(2px 300px)'}, {duration:200});      
         },   
               
         function () {  
             //reset the top position  
             $(this).stop().animate({'backgroundPosition':'(2px 0)'}, {duration:1500});   
         }  
);
$('#sliv_9 ').hover(  
         function () {  
             //convert current height to negative value  

             $(this).stop().animate({'backgroundPosition':'(2px 250px)'}, {duration:200});      
         },   
               
         function () {  
             //reset the top position  
             $(this).stop().animate({'backgroundPosition':'(2px 0)'}, {duration:1500});   
         }  
);
$('#sliv_10 ').hover(  
         function () {  
             //convert current height to negative value  

             $(this).stop().animate({'backgroundPosition':'(2px 200px)'}, {duration:200});      
         },   
               
         function () {  
             //reset the top position  
             $(this).stop().animate({'backgroundPosition':'(2px 0)'}, {duration:1500});   
         }  
);

$('#sliv_11 ').hover(  
         function () {  
             //convert current height to negative value  

             $(this).stop().animate({'backgroundPosition':'(2px 150px)'}, {duration:200});      
         },   
               
         function () {  
             //reset the top position  
             $(this).stop().animate({'backgroundPosition':'(2px 0)'}, {duration:1500});   
         }  
);

$('#sliv_12 ').hover(  
         function () {  
             //convert current height to negative value  

             $(this).stop().animate({'backgroundPosition':'(2px 100px)'}, {duration:200});      
         },   
               
         function () {  
             //reset the top position  
             $(this).stop().animate({'backgroundPosition':'(2px 0)'}, {duration:1500});   
         }  
);



$('#sliv_13 ').hover(  
         function () {  
             //convert current height to negative value  

             $(this).stop().animate({'backgroundPosition':'(0px 350px)'}, {duration:200});      
         },   
               
         function () {  
             //reset the top position  
             $(this).stop().animate({'backgroundPosition':'(0px 0)'}, {duration:1500});   
         }  
);
$('#sliv_14 ').hover(  
         function () {  
             //convert current height to negative value  

             $(this).stop().animate({'backgroundPosition':'(2px 300px)'}, {duration:200});      
         },   
               
         function () {  
             //reset the top position  
             $(this).stop().animate({'backgroundPosition':'(2px 0)'}, {duration:1500});   
         }  
);
$('#sliv_15 ').hover(  
         function () {  
             //convert current height to negative value  

             $(this).stop().animate({'backgroundPosition':'(2px 250px)'}, {duration:200});      
         },   
               
         function () {  
             //reset the top position  
             $(this).stop().animate({'backgroundPosition':'(2px 0)'}, {duration:1500});   
         }  
);
$('#sliv_16 ').hover(  
         function () {  
             //convert current height to negative value  

             $(this).stop().animate({'backgroundPosition':'(2px 200px)'}, {duration:200});      
         },   
               
         function () {  
             //reset the top position  
             $(this).stop().animate({'backgroundPosition':'(2px 0)'}, {duration:1500});   
         }  
);

$('#sliv_17 ').hover(  
         function () {  
             //convert current height to negative value  

             $(this).stop().animate({'backgroundPosition':'(2px 150px)'}, {duration:200});      
         },   
               
         function () {  
             //reset the top position  
             $(this).stop().animate({'backgroundPosition':'(2px 0)'}, {duration:1500});   
         }  
);

$('#sliv_18 ').hover(  
         function () {  
             //convert current height to negative value  

             $(this).stop().animate({'backgroundPosition':'(2px 100px)'}, {duration:200});      
         },   
               
         function () {  
             //reset the top position  
             $(this).stop().animate({'backgroundPosition':'(2px 0)'}, {duration:1500});   
         }  
);



});