$(document).ready(function(){
	$('.dropdown_button').click(function(){
		$('.dropdown_list',this).slideToggle();
		})
	
	
	$('.slide_element').hide();
	
	$('.slide_title').click(function(){
		$('.slide_element',this).slideToggle();
	})
	
	$('#desc_btn').click(function(){
		$('#loc').slideUp('fast');
		$('#serv').slideUp('fast');
		$('#desc').slideToggle('fast');
	})
	$('#loc_btn').click(function(){
		$('#loc').slideToggle('fast');
		$('#serv').slideUp('fast');
		$('#desc').slideUp('fast');
	})
	$('#serv_btn').click(function(){
		$('#loc').slideUp('fast');
		$('#serv').slideToggle('fast');
		$('#desc').slideUp('fast');
	})
	$('#serv_btn').css("margin-bottom", "0px")
	
	$('.content_element_div').hover(
	function(){
		$('.content_element_text',this).slideDown('fast');
		},
	function(){
		$('.content_element_text',this).slideUp('fast');
		}
	) 
	
		$('.content_element_div_sidebar').hover(
	function(){
		$('.content_element_text_sidebar',this).slideDown('fast');
		},
	function(){
		$('.content_element_text_sidebar',this).slideUp('fast');
		}
	)
	
	
	$('#destination_pic').click(function(){
		$('.img_lightbox').slideDown("fast");
		
			var scrollPosition = [
			self.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft,
			self.pageYOffset || document.documentElement.scrollTop  || document.body.scrollTop
			];
		  var html = jQuery('html'); // it would make more sense to apply this to body, but IE7 won't have that
		  html.data('scroll-position', scrollPosition);
		  html.data('previous-overflow', html.css('overflow'));
		  html.css('overflow', 'hidden');
		  window.scrollTo(scrollPosition[0], scrollPosition[1]);
		  
		  
		  var imgsrc= $('#destination_pic').attr("src");
		  var code='<img src="'+imgsrc+'" alt="image" class="lightbox_img"/>';
		  $('.img_lightbox').html(code);
		  
		  
		  $('.lightbox_img').css({
				marginTop: '100px'  
		   })
		  

		  
	});
	
	
	$('.img_lightbox').click(function(){
		
		$('.img_lightbox').slideUp("fast");
		
		var html = jQuery('html');
      	var scrollPosition = html.data('scroll-position');
      	html.css('overflow', html.data('previous-overflow'));
     	window.scrollTo(scrollPosition[0], scrollPosition[1])

	});
	
	var play= setInterval("playSlideshow()",5000);

})