jQuery(document).ready(
	function($){
		
		//$("img").reflect({height:36,opacity:0.5});
		
		// Om Webkit används så kör vi CSS istället. Övriga läsare får lite extra kod och en annan bild.
		/* Browsersniffning av iPhone */
		var agent=navigator.userAgent.toLowerCase();
		var is_webkit = ((agent.indexOf('webkit')!=-1));
		var is_ie = ((agent.indexOf('msie')!=-1));
		//alert(is_ie);
		
		if (!(is_webkit)) {		
			$('.mask>img').wrap('<div class="imgwrap"></div>').parent().css("position","relative").append('<div class="frame"></div>');
		} // slut is_webkit
		
		// IE fixar inga rundade hörn så vi lägger till en extra div som får använda .htc-filen för just rundade hörn.
		if (is_ie) {
			//$('.reservation, .map').prepend('<div class="borderwrap"></div>');
			//$('.borderwrap').prepend('<div class="topframe"></div><div class="bottomframe"></div>');
			// Funkar bättre med två div:ar med bakgrundsbild istället.
			$('.reservation, .map').prepend('<div class="topframe"></div><div class="bottomframe"></div>');
		}
		
		$('.scroll').jScrollPane({showArrows:true});
		
		
		// Dialogruta för anslag. Visa direkt när sidan laddas om den inte redan visats (jqmShow();).
		// Börja med att hämta post_ID som är satt som en rel=""
		var POSTID = $('#infoposter').attr('rel');
		
		// Om ett ID finns kollar vi om det finns lagrat i en cookie.
		// Om inte sätter vi en cookie (som lever 10 dagar) med ID:t och visar dialogrutan.
		// Finns inget ID raderas cookien istället ifall posten bara är satt som utkast och ska användas igen.
		if (POSTID){
			var COOKIE = $.cookie('viewed_poster');
			if (POSTID != COOKIE){
				$.cookie('viewed_poster', POSTID, { path: '/', expires: 10 });
				$('#infoposter').jqm().jqmShow();
				//alert(COOKIE + ' postid:' + POSTID);
			}	
		} else {
				$.cookie('viewed_poster', null); //reset
		}
		
		// Länkar till bilder i #mainarea ska inte zoomas
		$('#mainarea a[href$=jpg],#mainarea a[href$=jpeg],#mainarea a[href$=png]').attr('rel','nozoom');
		
		// Vi behöver ett overlay för bildförstoringen i galleriet
		$('body').prepend('<div id="backdrop" style="height: 100%; width: 100%; position: fixed; left: 0px; top: 0px; z-index: 299; background-color: #000; display: none; "></div>');

		// Vid bildförstoring visar vi overlay:et
		$('.foton .gallery a img').click(function(){
			$('#backdrop').show().fadeTo(0,0.5); // Opaciteten måste sättas här för att jQuery ska fixa biffen åt oss i IE.

			// Om overlay:et är synligt gömmer vi det om man klickar på bilden för att stänga den
			if($('#backdrop:visible').length > 0){
				$('#ZoomBox').click(function(){
					$('#backdrop').hide();
				});
			}
		});
		
		// Fixa iframe i IE
/*
		if($.browser.msie){
			$('iframe').attr({
				scrolling: "no",
				frameborder: "0"
			});
		}
*/

});