var g_img_count;
var cur_img;

$(document).ready(function(){
	g_img_count = $(".g_mini_img_container").length - 1;
	$("#dark_fon").live("click", function(){close_pop_up();});
	$(".close_pop_up").live("click", function(){close_pop_up();});
	//-----------------------------------------------------
	$(".g_mini_img_img").hover(function(){
		$(this).animate({
			top: "-10px"
		}, 150);
	},
	function(){
		$(this).animate({
			top: "0px"
		}, 150);
	});
	//-----------------------------------------------------
	$(".g_mini_img_img").click(function(){
		df(true);
		append_img_div();
		show_img($(this).parent());
	});
	//-----------------------------------------------------
	$(".galery_navi_arrow_left").live("click", function(){
		if(cur_img == 0) show_img($(".g_mini_img_container:last"));
		else show_img($(".g_mini_img_container:eq("+(cur_img-1)+")"));
	});
	//-----------------------------------------------------
	$(".galery_navi_arrow_right").live("click", function(){
		if(cur_img >= g_img_count) show_img($(".g_mini_img_container:first"));
		else show_img($(".g_mini_img_container:eq("+(cur_img+1)+")"));
	});
	//-----------------------------------------------------
	$(".menu_product_div_img").children("img").click(function(){
		df(true);
		append_img_div();
		show_img($(this));
	});
	//-----------------------------------------------------
});
//-----------------------------------------------------
function show_img(el){
	cur_img = $(el).index();

	var src = $(el).attr('big_img_src');
	$("#pop_up_img_bg").children("img.load_img").remove();
	
	$("#pop_up_img_bg").append('<img src="'+src+'" class="load_img" />');
	
	$("#pop_up_img_bg").children("img.load_img").load(function(){img_load();});
}
//-----------------------------------------------------
function img_load(){
	var height = $("#pop_up_img_bg").children("img:eq(0)").height();
	if(height > ($(window).height()-40)) height = $(window).height()-40;
	
	$("#pop_up_img_bg").children("img:eq(0)").css("height", height+"px");
	$("#pop_up_img_bg").children("img:eq(0)").show();
	var width = $("#pop_up_img_bg").children("img:eq(0)").width();
	
	$("#pop_up_img_bg").css("height", height+"px");
	$("#pop_up_img_bg").css("width", width+"px");
	$("#pop_up_img_bg").css("margin-left", "-"+(width/2)+"px");
	$(".img_navi_arrow").css("top", (height/2-39)+"px");
}
//-----------------------------------------------------
function df(add){
	if(add == true){
		$("body").append('<div id="dark_fon" class="remove_when_hide"></div>');
		$("#dark_fon").css("height", $(document).height()+"px");
	}else{
		$("#dark_fon").remove();
	}
}
//-----------------------------------------------------
function append_img_div(){
	$("body").append('<div id="pop_up_img_bg" class="remove_when_hide"><div class="close_pop_up"></div></div>');
	if(g_img_count > -1){
		$("#pop_up_img_bg").append('<div class="galery_navi_arrow_left img_navi_arrow"></div>');
		$("#pop_up_img_bg").append('<div class="galery_navi_arrow_right img_navi_arrow"></div>');
	}	
	$("#pop_up_img_bg").css("top", ($(window).scrollTop()+20)+"px");	
}
//-----------------------------------------------------
function close_pop_up(){
	$(".remove_when_hide").remove();
}
//-----------------------------------------------------