var cityID = 0

$(document).ready(function(){
	$("#ads.card .item").hover(function() {
		cardDisplay(true,$(this));
	},function() {	
		cardDisplay(false,$(this));
	});
	
	$("#cityimagefade").innerfade({
		speed: 1000,
		timeout: 5000,
		type: "sequence",
		containerheight: "200px"
	});
	$("#cardfade").innerfade({
		speed: 1000,
		timeout: 5000,
		type: "sequence",
		containerheight: "100px"
	});
	
	
	if(jQuery.browser.msie && parseInt(jQuery.browser.version) < 7) {
		$("img[src$=.png], #header, #map.sweden, #map .mapdot, .button, .button a, .button span").ifixpng();
		$("#wrapper").prepend("<div id='message'><div class='close'>X Stäng</div><div class='item'><p><span class='type'>Meddelande</span>Du använder en 8 år gammal webbläsare. Denna webbsida är avsedd att presenteras i en modern webbläsare och kommer därför inte att visas korrekt.</p><p>Du kan antingen uppgradera till en nyare version genom windows update eller installera en annan webbläsare, tex. Firefox, från <a href='http://www.firefox.com'>www.firefox.com</a>.</p></div></div>");
	}
	
/* 	$("#ads .text a").each(function() {
		$(this).attr("href",$(this).attr("href") + "?TB_iframe=true&amp;height=500&amp;width=600&amp;modal=false");
	}); */
	
	$("#ads .item").click(function() {
		document.location = $(this).find("p a").attr("href");
	});
	
	$("#ads a.thickbox").bind("click", function() {
		$.get("/clickcount.asp", { url: $(this).attr("href"), city : cityID } );
	})
	
	$("#categories li:first").css("background-position","0px 0px")
	
	$("#categories li").hover(function() {
		$(this).toggleClass("active");
	},function() {
		$(this).toggleClass("active");
	});
	
	//$("#addisplay").parent().css("background","#3F3F3F");
	
	$("#addisplay .badge").parent().find("h1").css("margin-top","40px");
	
	$(".paging ul li a").parent().css("cursor","pointer").hover(function() {
		$(this).toggleClass("active");
	},function() {
		$(this).toggleClass("active");
	}).click(function() {
		document.location = $(this).find("a").attr("href");
	});
	
	$(".paging ul li").each(function() {
		var ttl = $(this).find("a").attr("title");
		$(this).attr("title",ttl);
	});
	
	$("#city select").change(function() {
		var val = $(this).find("option:selected").attr("value");
		val = "/" + val + "/";
		val = val.replace("//","/")
		document.location = val;
	});	
	
	$("#search input").focus(function() {
		$(this).attr("value","");
	})
	
	if($.cookie('message_display') != "hide") $("#message").css("display","block");
	
	$("#message .close").hover(function(){
		$(this).toggleClass("hover");
	},function(){
		$(this).toggleClass("hover");
	}).click(function() {
		$(this).parent().fadeOut();
		$.cookie('message_display', 'hide', { expires: 7, path: '/' });
	});
	
	$("#contactform ul.tabs").tabs("#contactform > form");
	
	$("#search .button a").click(function() {
		$("#frmSearch").trigger("submit");
	});
	
	
	$("#thickboxclose").bind("click",function() {
		parent.$("#TB_closeWindowButton").trigger("click");
	});
	
	
	$("#frmscontact").validate();
	$("#frmccontact").validate();
	$("#frmtip").validate();
	$("#frmcontest").validate();
	
	
	$("#ads .national .logotype").append("<div class='national-lable'></div>");
	

	
	$("a[href^=http]").attr("target","_blank").bind("click",function() {
		$.get("/clickcount.asp", { url: $(this).attr("href"), city : cityID } );
	});

	$("#citypresentation div.guide").each(function() {
		$(this).parent().parent().css("margin-top","12px").find("div.right").css("margin-top","8px");
	});	
	
	$("#categorydescription .guide img").each(function() {
		$(this).css("margin-left","-9px");
		
		
	});
	
	$("#categorydescription div.guide:not(.step4)").each(function() {
		$(this).parent().css("margin-top","16px");
	});
	
	var bodyHeight = $("body").height();
	
	//$("#addisplay .content").css("height",(bodyHeight -144) + "px");
	
	$("#addisplay").parent().css("background-color","#ffffff");
	
	if($("#map").length>0) {
		var ymax = 7663924;
		var ymin = 6137924;
		var xmax = 1879424;
		var xmin = 1238924;
		var mapwidth = 220;
		var mapheight = 412;
		var xscale = (xmax-xmin) /mapwidth;
		var yscale = (ymax-ymin) /mapheight;
		var top = 0;
		var left = 0;
		var topoffset = 10;
		var leftoffset = 90;
		var pos = "";
		var bg = $("#citylist").offset();
		var append = "";
		for(var i = 0;i < mapItem.length;i++) {
			id = "mapdot-" + mapItem[i].id;
			top = parseInt(((ymax -mapItem[i].y)/yscale) -7) +topoffset;
			left = parseInt(((mapItem[i].x -xmin)/xscale) -7) +leftoffset;
			append += "<div class='mapdot' id='" + id + "' style='top: " + top + "px; left: " + left + "px;' title='" + mapItem[i].name + "'></div>";
			//$("#map").append("<div id='" + id + "' title='" + mapItem[i].name + "'></div>");
			//$("#" + id).css("top", top + "px").css("left", left + "px");
		}
		
		$("#map").append(append);
		
		$("#citylist li, #map .mapdot").each(function() {
			var id = $(this).attr("id");
			id = id.substr(id.indexOf("-")+1);
			var list = $("#city-" + id);
			var map = $("#mapdot-" + id);
			var sel = $(this).selector;

			$(this).hover(function() {
				list.toggleClass("hover");
				map.toggleClass("hover");
				if(sel=="div") $("#citylist").scrollTo(list, 300 );
			}, function() {
				list.toggleClass("hover");
				map.toggleClass("hover");
			}).click(function() {
				document.location = list.find("a").attr("href");
			});
		});
		
		$("#map div").each(function() {
			var id = $(this).attr("id");
			id = id.substr(id.indexOf("-")+1);
			var list = $("#city-" + id);
			$(this).mouseover(function() {
				$("#citylist").scrollTo(list, {queue:false, axis:"y"} );
			});
		});
	}
	
	$("#startbanner .item:eq(1)").css("margin","0 20px");
	
	$("#startbannertop .item").click(function() {
		document.location = $(this).find("a").attr("href");
	});
	
	
	function fncAnimateTopBanners() {
		var ly = $("#startbannertop .container");
		if(ly.position().left<0) { ly.animate({ left: '0'}, 1000); }
		else { ly.animate({ left: '-=630'}, 1000); }
	}
	
	
	
	if($("#startbannertop").length>0) { var topbanneranimation = window.setInterval(fncAnimateTopBanners, 5000); }
	
	// $("#startbannertop").bind("mouseenter",function() {
		// window.clearInterval(topbanneranimation);
	// }).bind("mouseleave", function() {
		//topbanneranimation = window.setInterval(fncAnimateTopBanners, 5000);
	// });
	
	
	
	$("#addisplay .images img:last").css("margin-right","0");
	

	
	$("#addisplay p a").each(function() {
		fncURLShortner(this,70)
	});
	
	$("#rightsidebar a.link").each(function() {
		fncURLShortner(this,30)
	});
	
	var locationhash = location.hash;
	var aditems = $("#ads .text");
	if(locationhash.length > 1 & aditems.length > 0) {
		locationhash = locationhash.substr(1);
		aditems.each(function() {
			var tag = $(this).find("a");
			var src = tag.attr("href")
			src = src.split("/");
			src = src[src.length-2];
			if(src==locationhash) tag.trigger("click");
		});
	}

	fncTrimCategoryList();
});

function fncURLShortner(element,maxchar) {	
	//var maxchar = 70;
	var str = $(element).html();
	if(str.length>maxchar) {
		str = str.substr(0,parseInt(maxchar/2)-2) + "..." + str.substr((str.length-(parseInt(maxchar/2)-2)))
		$(element).html(str);
	}
}


function fncTipForm(action) {
	var div = $("#tipform");
	
	if(action!="close") {
		div.css("display","block");
		div.css("position","absolute");
		div.css("top","0px");
		div.css("left","0px");
	} else {
		div.css("display","none");
		div.css("position","relative");
	}
	
	//css("{'display' : 'block', 'position' : 'absolute', 'top' : '0px', 'left' : '0px'}")
}

function fncTrimCategoryList() {
	var categories = 0;
	var container = 975;
	var dif = 0;
	$("#categories li").each(function() {
		categories += $(this).width();
	});
	dif = container -categories +30;
	
	$("#categories li.home a").css("padding-left",parseInt(dif/2) + "px").css("padding-right",dif-parseInt(dif/2)+"px");
}

var mapItem = new Array();

function fncMapItem() {
	this.name = fncMapItem.arguments[0];
	this.id = fncMapItem.arguments[1];
	this.y = fncMapItem.arguments[2];
	this.x = fncMapItem.arguments[3];
}

function cardDisplay(state,obj) {
	if(state) {
		obj.find(".logotype").css("display","none");
		obj.find(".info").css("display","block");
		obj.find(".title").toggleClass("hover");
	} else {
		obj.find(".logotype").css("display","block");
		obj.find(".info").css("display","none");
		obj.find(".title").toggleClass("hover");
	}
}