var ica = { 

	browser : navigator.appName,

	// init page
	init: function() {	
		ica.bubbleEvt();
	},
	

	// bubble events
	bubbleEvt: function() {
		
		/*for iepngfix to work*/
		$(".archive .search-result").css("display", "none");
		$(".archive .article-archive").css("display", "block");
	
		// toggle visibility
		$("a.toggle").click(function(){
			ica.toggle(this,"animate");
			return false;
		});		

		// select tab
		$("a.tabSelect").click(function(){
			ica.changeTab(this,"animate");
			return false;
		});	

		$("*.show-image").click(function() {
		    ica.image(this);
			return false;
		});

	},	
	
	
	// toggle visibility on element
	toggle: function(e,event) {
		$(e).addClass("display-none");
		// get target elm
		var elm = e.className.replace(/.*elm-([\w-]+).*/, "$1");
		if (event == "animate") { 
			$("."+elm).slideToggle("fast");
		}
	},
	
	// change tab in search result
	changeTab: function(e,event) {

			var parent = e.parentNode;
			var superParent = e.parentNode.parentNode;
			
			$(superParent).children("li").removeClass("selected")
			$(parent).addClass("selected");

		// get target elm
		var elm = e.className.replace(/.*show-([\w-]+).*/, "$1");
		
		if (event == "animate") { 
			$(".search-result").css("display", "none")
			$("#"+elm).slideToggle("fast");
		}
	},
	
	image: function(e) {
		var elm = $("#image");
		var position = ica.findPosition(e);
		var top;
		var url = e.href;
		var topPos;

		if ($(e).hasClass("close")) {
			elm.addClass("display-none");
		}else{
			if (url != false) {

				/*if ($(e).hasClass("from-gallery")) {
					top = $("#image-gallery").css("top");
					elm.css("top", top);*/
				if ($(e).hasClass("step")) {
					top = $("#image").css("top");
					elm.css("top", top);
				}else{
					if(ica.browser != "Microsoft Internet Explorer"){
						topPos = 450;
					}else{
						topPos = 350;
					} 
					top = parseInt(position[1] - topPos);
					elm.css("top", top);
				}

				elm.removeClass("display-none");
				elm.addClass("display-block");

				$("#image").load(""+url+" #image-gallery-content",
					function() {
						$.getScript("/gui/js/ica.js");
					}
				);
			}
		}
	},

	findPosition : function (obj){
		var curleft = curtop = 0;
		if (obj.offsetParent) {
			curleft = obj.offsetLeft
			curtop = obj.offsetTop
			while (obj = obj.offsetParent) {
				curleft += obj.offsetLeft
				curtop += obj.offsetTop
			}
		}
		return [curleft,curtop];
	},
	
	// toggle overlay denna körs x2 för varjje gång
	overlay: function(e,top) {			
		
		var posTop = parseInt(top - 300) + "px";
		var url = e.href;
		var targetElm = e.className.replace(/.*target-([\w-]+).*/, "$1");
		var elm = $("#overlay");
		var height = $(document).height() + "px";
		var background;
			
		if (!$(e).hasClass("close")){

			$("#overlay").load(""+url+" #" + targetElm,
				function() {
					background = document.createElement("div");
					background.innerHTML = " ";
					background.className = "background";
					background.style.height = height;
					document.getElementById("overlay").appendChild(background);
					
					ica.bubbleEvt();
					$("#targetContent").vCenter();
					$(elm).removeClass("display-none");
				}
			);
		}else{
			$(elm).addClass("display-none");
			$(elm).css("height", "0px");
			document.getElementById("overlay").innerHTML = " ";
		}
		
	}	
}

$(document).ready(function(){
	ica.init();
});