var imgArr = new Array();
imgArr[1] = new Image();
imgArr[1].src = '../img/foto1.jpg';
imgArr[2] = new Image();
imgArr[2].src = '../img/foto2.jpg';
imgArr[3] = new Image();
imgArr[3].src = '../img/foto3.jpg';
imgArr[4] = new Image();
imgArr[4].src = '../img/foto4.jpg';



	$(document).ready(function(){
		$(".maps").click(function(){
									 var w = $(window);
									$("#modal_maps").css("top",(w.height()-$("#modal_maps").height())/2+w.scrollTop() + "px");
									$("#modal_maps").css("left",(w.width()-$("#modal_maps").width())/2+w.scrollLeft() + "px");
									 $("#modal_maps").show();
									 show_mask();
									 $("#modal_map").attr("src",$(this).attr("src"));
									 });


		$("ul#ind_ul li").hover(function(){
			var img_src = "../img/"+$(this).attr("img");
			$("img#ind_img").fadeOut(200).attr("src",img_src).fadeIn(200);
		});								   
							   
		$("ul.double>li>img").click(function(){
			show_mask();
			alert("work");
			var photo_id = $(this).attr("photo_id");
			var li = $(this).parent("li");
			var good_name = $(this).parent("li").children("div").children("div").children("h3").html();
			var full_desc = $(this).parent("li").children("p#fd").html();
			show_modal_form("div#modal_window",photo_id,$(this).attr("good_id"),good_name,full_desc);
		});
		
		
		
		$("ul.double>li").hover(function(){
			var photo_id = $(this).find("img:first").attr("photo_id");
			var good_name = $(this).children("h2").html();
			var full_desc = $(this).children("p#fd").html();
			var good_id = $(this).find("img:first").attr("good_id");
			var s = "<span id='zoom_img' onclick='img_click("+photo_id+","+good_id+")'>&nbsp;</span>";
			$(this).append($(s));
			//opacity($(this).find("img:first"),0.4);
		},function(){
			opacity($(this).find("img:first"),1);
			$(this).find("span:last").remove();
		});
		
		$("span#close_modal_button").click(function(){
			//$("div#modal_window").hide();
			$("#mask").hide();
			//$("#modal_maps").hide();
			$(this).parents("div.modal").hide();
		});
	});
	function opacity(obj,val){
		var isIE = $.browser.msie;
		if(!isIE){
			$(obj).css("opacity",val);	
		}else{
			val = val*100
			$(obj).css("filter","alpha(opacity="+val+")");	
		}
	}
	function img_click(photo_id,good_id){
			show_mask();
			var li = $("img[good_id="+good_id+"]").parent("div").parent("li");
			var good_name = $(li).find("h3").html();
			var full_desc = $(li).find("p#fd").html();
			show_modal_form("div#modal_window",photo_id,good_id,good_name,full_desc);
	}

	function show_mask(){
		var maskHeight = $(document).height();
	    var maskWidth = $(document).width();
	    $('#mask').css({'width':maskWidth,'height':maskHeight});
    	$('#mask').fadeIn(500); 
    	$('#mask').fadeTo("slow",0.8);
	}
	function show_modal_form(div,photo_id,good_id,good_name,full_desc){
		var w = $(window);
		$(div).css("top",(w.height()-$(div).height())/2+w.scrollTop() + "px");
		$(div).css("left",(w.width()-$(div).width())/2+w.scrollLeft() + "px");
		$(div).fadeIn(2000);
		var src = "dbimg/"+photo_id+"b.jpg";
		$(div+" img#main_image").attr("src",src);
		$(div+" span#good_name").html(good_name);
		$(div+" p#full_desc").html(full_desc);
		var url = "inc/get_image_view.php?good_id="+good_id;
		$.get(url,function(data){
			$("p#modal_image_list").html(data);
		});
	}; 
	function show(id){
		var src = "dbimg/"+id+"b.jpg";
		$("img#main_image").attr("src",src);
	};