$(document).ready(function(){

	$(".btn-slide").click(function(){
		$("#header").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});

});

$(document).ready(function(){

	$(".btn-slide_2").click(function(){
		$("#header_2").slideToggle("slow");
		$(this).toggleClass("active_2"); return false;
	});

});

$(document).ready(function(){

$("#dcs_info_image").tooltip({ effect: 'slide', offset: [11, 0]});
$("#dcs_info_video").tooltip({ effect: 'slide', offset: [11, 0]});
$("#dcs_info_photos").tooltip({ effect: 'slide', offset: [11, 0]});

});

$(document).ready(function(){
	$("a[rel^='prettyPhoto']").prettyPhoto();
});

$(document).ready(function() {
	 
	//ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
	$('.accordionButton').click(function() {

		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton').removeClass('on');
		  
		//NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
	 	$('.accordionContent').slideUp('normal');
   
		//IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
		if($(this).next().is(':hidden') == true) {
			
			//ADD THE ON CLASS TO THE BUTTON
			$(this).addClass('on');
			  
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
		 } 
		  
	 });
	  
	
	/*** REMOVE IF MOUSEOVER IS NOT REQUIRED ***/
	
	//ADDS THE .OVER CLASS FROM THE STYLESHEET ON MOUSEOVER 
	$('.accordionButton').mouseover(function() {
		$(this).addClass('over');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('over');										
	});
		
	$('.accordionContent').hide();

}); 


$(document).ready(function(){
	
	$("#basel_nav").hover(function(){
		$(".city_menu").css('background-position','0px 0px');
		}, function(){
		$(".city_menu").css('background-position','0px 81px');
		});
		
	$("#london_nav").hover(function(){
		$(".city_menu").css('background-position','0px -81px');
		}, function(){
		$(".city_menu").css('background-position','0px 81px');
		});
	
	$("#venice_nav").hover(function(){
		$(".city_menu").css('background-position','0px -162px');
		}, function(){
		$(".city_menu").css('background-position','0px 81px');
		});
		
	$("#losangeles_nav").hover(function(){
		$(".city_menu").css('background-position','0px -243px');
		}, function(){
		$(".city_menu").css('background-position','0px 81px');
		});
		
	$("#lasvegas_nav").hover(function(){
		$(".city_menu").css('background-position','0px -324px');
		}, function(){
		$(".city_menu").css('background-position','0px 81px');
		});
		
	$("#marseille_nav").hover(function(){
		$(".city_menu").css('background-position','0px -405px');
		}, function(){
		$(".city_menu").css('background-position','0px 81px');
		});
		
	$("#hongkong_nav").hover(function(){
		$(".city_menu").css('background-position','0px -486px');
		}, function(){
		$(".city_menu").css('background-position','0px 81px');
		});
		
	$("#stockholm_nav").hover(function(){
		$(".city_menu").css('background-position','0px -567px');
		}, function(){
		$(".city_menu").css('background-position','0px 81px');
		});
		
	$("#lisbon_nav").hover(function(){
		$(".city_menu").css('background-position','0px -648px');
		}, function(){
		$(".city_menu").css('background-position','0px 81px');
		});
		
	$("#paris_nav").hover(function(){
		$(".city_menu").css('background-position','0px -729px');
		}, function(){
		$(".city_menu").css('background-position','0px 81px');
		});
		
	$("#berlin_nav").hover(function(){
		$(".city_menu").css('background-position','0px -810px');
		}, function(){
		$(".city_menu").css('background-position','0px 81px');
		});
		
	$("#copenhagen_nav").hover(function(){
		$(".city_menu").css('background-position','0px -891px');
		}, function(){
		$(".city_menu").css('background-position','0px 81px');
		});
		
	$("#riga_nav").hover(function(){
		$(".city_menu").css('background-position','0px -972px');
		}, function(){
		$(".city_menu").css('background-position','0px 81px');
		});
		
	$("#antalya_nav").hover(function(){
		$(".city_menu").css('background-position','0px -1053px');
		}, function(){
		$(".city_menu").css('background-position','0px 81px');
		});
		
	$("#hamburg_nav").hover(function(){
		$(".city_menu").css('background-position','0px -1134px');
		}, function(){
		$(".city_menu").css('background-position','0px 81px');
		});
		
});