// JavaScript Document
$(document).ready(function() {

	$("ul.thumbs li").mouseover(function() {
		$(this).css("opacity", 0.5);
	});
	$("ul.thumbs li").mouseout(function() {
		$(this).css("opacity", 1);
	});

	$("ul.thumbs li>img").click(function() {
		var img = $(this).attr("data-img");
		current_ind = $(this).attr("data-index");
		
		$(".subcat .gallery img").attr("src", large_path + img);

		$("html, body").animate({
			scrollTop : 0
		}, 300);
	});
	
	$(".subcat a.next").click(function(){
		current_ind++;
		if(current_ind >= thumbs_ar.length) { current_ind = 0; }
		$(".subcat .gallery img").attr("src", large_path + thumbs_ar[current_ind]);
		return false;
	});
	$(".subcat a.prev").click(function(){
		current_ind--;
		if(current_ind <= 0) { current_ind = thumbs_ar.length-1; }
		$(".subcat .gallery img").attr("src", large_path + thumbs_ar[current_ind]);
		return false;
	});
	
	

	$("#map").click(function() {
		$(this).fadeOut(1000);
	})

	$("#map_1").click(function() {
		$("#map").fadeIn(1000);
		$("#map img").attr("src", "map_1.jpg");
		$("html, body").animate({
			scrollTop : 0
		}, 300);
	});
		$("#karta").css({
			 margin: 'auto',
			 position: 'relative',
			 border: '10px solid wheat',
			 width: function() {
			 var w = $("#karta img").width();
			 return w;
			 },
			 height: function() {
			 var h = $("#karta img").height();
			 return h;
			 },
			 top: function() {
			 var x = $(window).height();
			 var y = $("#karta img").height();
			 return((x-y)/2);
	 }
	 	});
	 
	$("#map").click(function() {
		$(this).fadeOut(1000);
	})
	$("#map_2").click(function() {
		$("#map").fadeIn(1000);
		$("#map img").attr("src", "map_2.jpg");
		$("html, body").animate({
			scrollTop : 0
		}, 300);
	});
	$("#map").click(function() {
		$(this).fadeOut(1000);
	})
	


	$(".subcat .gallery").click(function() {
		$("#map").fadeIn(1000);
		$("#map img").attr("src", function() {
			return $(".gallery img").attr("src");		
			});
		$("#karta").css({
				width:function() {
				var w = $(".gallery img").width();
				return	w;
					
				},
				border:'none'
		});
		$("#karta img").css({
				width:function() {
				var w = $(".gallery img").width();
				return	w;
					
				},
				height:function() {
				var h = $(".gallery img").height();
				return	h;	
				}
		});
	});	
	$(".active").css("cursor", "pointer");
	$(".active").click(function() {
				window.location = $(this).find("a").attr("href");	
	});
});