var	absallwidths = -1;				
		var	absallheigths = -1;
		var	abstpsub = -1;
				
		
		var last_gal = null;
		
		
		function moveSquare(evt) 	     
		{ 		
			if (last_gal != null)
			{
				evt = (evt) ? evt : window.event;
		       if(evt)
		       { 		 			
					
									
						var code = (evt.charCode)? 					
							evt.charCode : evt.keyCode;
						switch(code) 				
						{ 					
							case 37: 						
								$("#aid_"+last_gal+" .leftarr").click();
							break; 					
							case 38: 					
													
							break; 					
							case 39:			
								$("#aid_"+last_gal+" .rightarr").click();
		 					break;
		 					case 40:			
									
		 					break;
		 				}
		 			
		       }
			}
	   }

	
		function resizegal(allname) {
				
				doresize(allname);
				setTimeout(function() {resizegal(allname);},100);
			}
			
			function doresize(allname)
			{
				ubel = $("#ub_"+allname+"");
				
				if (ubel.length && ubel.css('display') == 'block')
				{
				
					aidopitx = $("#aid_"+allname+"b .opitext");
					
					allwidths = ubel.width();				
					allheigths = ubel.height();
					
					if (aidopitx.css("display") != "none")
					{
						tpsub = aidopitx.outerHeight() + 2;
					}
					else
					{
						tpsub = 0;
					}
					
					if ((ubel.data("w") != allwidths) || (ubel.data("h")  != allheigths) || (ubel.data("t") != tpsub))
					{
						block = $("#aid_"+allname+"b");
						if (allheigths-175-tpsub > 750)
						{
							bpwb = 750;
						}
						else if (allheigths-175-tpsub < 396)
						{
							bpwb = 396;
						}
						else
						{
							bpwb = allheigths-175-tpsub;
						}
						
						$("#aid_"+allname+"b .boxlight").height(bpwb);
						
						$("#aid_"+allname+"b .big_preview_box").height(bpwb);
						$("#aid_"+allname+"b .big_preview_box").css("top",27+tpsub);
						
						
						$("#aid_"+allname+"b .big_preview_box .sl").height(bpwb).css("line-height",bpwb+"px");
						$("#aid_"+allname+"b .big_preview_box .leftarr, #aid_"+allname+"b .big_preview_box .rightarr").height(bpwb);
						$("#aid_"+allname+"b .big_preview_box .inarr").height(bpwb);
						
						$("#aid_"+allname+"b .sidearr").css("top",(bpwb-50)/2); 
						
						$("#aid_"+allname+"b .big_preview_box .sl img").css("max-height",bpwb).css("line-height",bpwb);
						
						lefts = (allwidths - parseInt($(block).width())) / 2;
						tops = (allheigths - bpwb - 175 - tpsub) / 2;
										
						$(block).css("top",tops).css("left",lefts);
					
						absallwidths = allwidths;
						absallheigths = allheigths;
						abstpsub = tpsub;
						
						ubel.data("w", allwidths);
						ubel.data("h", allheigths);
						ubel.data("t", tpsub);
					}
				}
			}
			
			function picboxclick(that,allname,pref,colw,co) {
				last_gal = allname;
				var col = colw;
				var prefix = pref;
				var coc = co;
				var sliderbox = col * 90;
				var scrollbox = sliderbox-12;
				var sliderboy = co*90;
				var koef = scrollbox/sliderboy;
				
					if (!$(that).hasClass("sel"))
					{
						
						lassel = $("#aid_"+allname+" .sel");
						
						lassel.removeClass("sel").fadeTo(300, 0.6);
						
						
						ss = allname + "";
						stuus = ss.substring(0,ss.length-1);
						
						$("#aid_"+stuus+" .sel").removeClass("sel").fadeTo(300, 0.6);
						
						$("#aid_"+stuus + " .picbox").eq($(that).data("eco")).addClass("sel");
						
						$(that).addClass("sel").fadeTo(300, 1);
					
						imga1 = $("#aid_"+allname+" .sl1");
						imga2 = $("#aid_"+allname+" .sl2");
						
						
						img_pa = $("#aid_"+allname+" .pa");
						imga1.attr("z-index",100);
						imga2.attr("z-index",200);
						
						
						if (!lassel.length)
						{
							imga1.hide();
							imga2.hide();
							$("#aid_"+allname+" .underprev").slideDown(500,function() {$("#aid_"+allname+" .sidearr").css("top",(parseInt($("#aid_"+allname+" .big_preview_box").css("height"))-50)/2); });
							

						}
						else
						{
							imga1.stop(true,true).show().delay(50).fadeOut(100);
						}

						
						and1 = $(that).find("img").attr("title");
						if (and1 != "")
						{
							$("#aid_"+allname+" .opiheader").text(and1);
						}
						else
						{
							$("#aid_"+allname+" .opiheader").html("&nbsp;");
						}
						
						and2 = $(that).find("img").attr("description");
						if ((and2 != "") && (and2 != and1))
						{
							$("#aid_"+allname+" .opitext").text(and2).show();
						}
						else
						{
							$("#aid_"+allname+" .opitext").hide();
						}
						
						
						if (lassel.length)
						{
							if (lassel.data("eco") < $(that).data("eco")) 
							{
								if ($(that).next().length)
								{
									img_pa.find("img").attr("src", $(that).next().attr("pic_folder")+prefix+$(that).next().attr("pic_file"));
								}
								else
								{
									img_pa.find("img").attr("src", $(that).first().attr("pic_folder")+prefix+$(that).first().attr("pic_file"));
								}
							}
							else
							{
								if ($(that).prev().length)
								{
									img_pa.find("img").attr("src", $(that).prev().attr("pic_folder")+prefix+$(that).prev().attr("pic_file"));
								}
								else
								{
									img_pa.find("img").attr("src", $(that).last().attr("pic_folder")+prefix+$(that).last().attr("pic_file"));
								}
							}
						}
						
						imga2.find("img").attr("src", $(that).attr("pic_folder")+prefix+$(that).attr("pic_file")).each(function () { 
							if (this.complete && !$.browser.mozilla)
							{
								imga2.stop(true,true).hide().delay(0).fadeIn(100,
								function () {
									imga1.removeClass("sl1");
									imga1.addClass("sl2");
									imga2.removeClass("sl2");
									imga2.addClass("sl1");
								}
								);
							}
							else
							{
								imga2.find("img").load(
									function()
									{
										imga2.stop(true,true).hide().delay(0).fadeIn(100,
										function () {
											imga1.removeClass("sl1");
											imga1.addClass("sl2");
											imga2.removeClass("sl2");
											imga2.addClass("sl1");
										}
										);
									}
								);
							}
						
						
						});
						
						
							
						
						
						if (-($(that).data("eco")-(col-2))*90  < parseInt($("#aid_"+allname+" .sliderboy").css("left")))
						{
						
							if (-(sliderboy-(col*90)) < -($(that).data("eco")-(col-2))*90)
							{
								$("#aid_"+allname+" .sliderboy").animate({left: -($(that).data("eco")-(col-2))*90});
								$("#aid_"+allname+" .myscrollplah").animate({left: ($(that).data("eco")-(col-2))*90 *(scrollbox/sliderboy)});
							}
							else
							{
								$("#aid_"+allname+" .sliderboy").animate({left:-(sliderboy-(col*90))});
								$("#aid_"+allname+" .myscrollplah").animate({left:scrollbox-(parseInt(koef * scrollbox))+3});
							}
						}
						
						
						if (-($(that).data("eco"))*90 - parseInt($("#aid_"+allname+" .sliderboy").css("left")) > -90)
						{
							if ($(that).data("eco") > 1)
							{
								$("#aid_"+allname+" .sliderboy").animate({left:-($(that).data("eco")-1)*90});
								$("#aid_"+allname+" .myscrollplah").animate({left:($(that).data("eco")-1)*90 *(scrollbox/sliderboy)});
							}
							else
							{
								$("#aid_"+allname+" .sliderboy").animate({left:0});
								$("#aid_"+allname+" .myscrollplah").animate({left:2});
							}
						}
						
						resizegal(allname);
						
					}
					
			
			}
									
			function animalbum(allname,colw,co,pref) {				
				
				var prefix = pref;
				var col = colw;
				var coc = co;
				var sliderbox = col * 90;
				var scrollbox = sliderbox-12;
				var sliderboy = co*90;
				var koef = scrollbox/sliderboy;
			
				document.onkeyup = moveSquare; 
				
				
				$("#aid_"+allname+" .sliderbox").css("width",sliderbox);
				$("#aid_"+allname+" .sliderboy").css("width",sliderboy);
				
				if (col < co)
				{
					$("#aid_"+allname+" .myscrollbox").css("width",scrollbox);
					$("#aid_"+allname+" .myscrollplah").css("width", (koef * scrollbox)-1);
					
					$("#aid_"+allname+" .myscrollplah").draggable({ 
							containment: "#aid_"+allname+" .myscrollbox", 
							scroll: false, 
							axis: "x",
							drag: function() {
								if ((parseFloat($("#aid_"+allname+" .myscrollplah").css("left")))*(sliderboy/scrollbox)-2 > (sliderboy-sliderbox))
								{
									$("#aid_"+allname+" .sliderboy").css("left",-(sliderboy-sliderbox));
								}
								else
								{
									$("#aid_"+allname+" .sliderboy").css("left",-(parseFloat($("#aid_"+allname+" .myscrollplah").css("left"))-2)*(sliderboy/(scrollbox)));
								}	
							} 			
					});	
				}
				else
				{
					$("#aid_"+allname+" .myscrollplah").hide();
					$("#aid_"+allname+" .myscrollbox").hide();
				}
					
				var eco = 0;
				$("#aid_"+allname+" .picbox").each(function() {
					$(this).data("eco",eco);
					eco = eco + 1;
				});
				
								
							
				$("#aid_"+allname+" .picbox").click(function() {
				
					picboxclick(this,allname,prefix,col,coc);
					return false;
				});
				
				
				
				$("#aid_"+allname+"  .closecross").click(function() {
					$(".big_black").fadeOut(200);
					$(".up_black").fadeOut(200,function () {					
						$(".videobox").css("visibility","visible");
					});
					
					$("#aid_"+allname+" .sel").removeClass("sel").click();
					
					
			});
				
				
				$("#aid_"+allname+" .picbox").mouseenter(function() {
					if (!$(this).hasClass("sel"))
					{
						$(this).fadeTo(300, 1);
					}
				});
				
				$("#aid_"+allname+" .picbox").mouseleave(function() {
					if (!$(this).hasClass("sel"))
					{
						$(this).fadeTo(300, 0.6);
					}
				});
				
				$("#aid_"+allname+" .leftarr").mouseenter(function() {
					
						$(this).stop(true,true).fadeTo(300, 0.6);
					
				});
				
				$("#aid_"+allname+" .leftarr").mouseleave(function() {
					$(this).fadeTo(300, 0);
				});
				
				$("#aid_"+allname+" .leftarr").click(function() {
					if ($("#aid_"+allname+" .sel").prev().length)
					{
							$("#aid_"+allname+" .sel").prev().click();
					}
					else
					{
						$("#aid_"+allname+" .picbox").last().click();
					}
					return false;
				});
				
				$("#aid_"+allname+" .rightarr").mouseenter(function() {
					
						$(this).stop(true,true).fadeTo(300, 0.6);
				
				});
				
				$("#aid_"+allname+" .rightarr").mouseleave(function() {
						$(this).fadeTo(300, 0);
				});
				
				$("#aid_"+allname+" .rightarr").click(function() {
					if ($("#aid_"+allname+" .sel").next().length)
					{
							$("#aid_"+allname+" .sel").next().click();
					}
					else
					{
						$("#aid_"+allname+" .picbox").first().click();
					}
					return false;
				});
				
				$("#aid_"+allname+" .big_preview_box").click(function() {
					if ($("#aid_"+allname+" .sel").next().length)
					{
							$("#aid_"+allname+" .sel").next().click();
					}
					else
					{
						$("#aid_"+allname+" .picbox").first().click();
					}
					return false;
				});
				
				
				$("#aid_"+allname+" .myscrollbox").click(function(e){
					var offset = $(this).offset();
					var x = e.pageX - offset.left;
					var plah = $(this).find(".myscrollplah");
					if (x < parseInt(plah.css("left"))-2)
					{
						if (parseInt(plah.css("left")) - parseInt(plah.css("width")) > 0)
						{
							$("#aid_"+allname+" .sliderboy").animate({left: -(parseInt(plah.css("left")) - parseInt(plah.css("width")))*(sliderboy/scrollbox)});
							$("#aid_"+allname+" .myscrollplah").animate({left: parseInt(plah.css("left")) - parseInt(plah.css("width"))});

						}
						else
						{
							$("#aid_"+allname+" .sliderboy").animate({left:  0});
							$("#aid_"+allname+" .myscrollplah").animate({left: 2});
						}
					}
					
					if (x > parseInt(plah.css("left"))+parseInt(plah.css("width"))+2)
					{
						if ((parseInt(plah.css("left")) + parseInt(plah.css("width"))*2) < scrollbox )
						{
							$("#aid_"+allname+" .sliderboy").animate({left: -(parseInt(plah.css("left")) + parseInt(plah.css("width")))*(sliderboy/scrollbox)});
							$("#aid_"+allname+" .myscrollplah").animate({left: parseInt(plah.css("left")) + parseInt(plah.css("width"))});

						}
						else
						{
							$("#aid_"+allname+" .sliderboy").animate({left:-(sliderboy-(col*90))});
							$("#aid_"+allname+" .myscrollplah").animate({left:scrollbox-(parseInt(koef * scrollbox))+3});
						}
					}
					
				});
				
				
				};

				
	function startup(allname,phcount,pfx,csd)
	{
		
			appender_gal = '<div class="big_black" id="bb_'+allname+'" style="display:none;"></div><div class="up_black" id="ub_'+allname+'" style="display:none;"></div>';
			
			$("body").append(appender_gal);	
			
			$('#ub_'+allname).click(function() {
					$(".big_black").fadeOut(200);
					$(this).fadeOut(200,function () {					
						$(".videobox").css("visibility","visible");
					});
					
					$("#aid_"+allname+" .sel").removeClass("sel").click();
					
					
			});
			
			
			
			
			$("#aid_"+allname+" .hideup").click(function() {
				$("#aid_"+allname+" .underprev").slideUp(500);
				$("#aid_"+allname+" .sel").removeClass("sel").mouseleave();				
			});
			
			
			$("#aid_"+allname+" .zoomin").click(function() {
				$("#bb_"+allname+"").fadeTo(200,0.90);
				$("#ub_"+allname+"").fadeIn(200);
				$(".videobox").css("visibility","hidden");
				
				if (!$("#ub_"+allname+"").data("set"))
				{
					$("#ub_"+allname+"").data("set",true);
					
					
					lbalbom = 
					
					'<div id="aid_'+allname+'b" class="lightscroll">'+
					'<div class="opiheader"></div>'+
					'<div class="opitext"></div>'+
					'<div class="boxlight">'+
					'</div>'+
					'<div class="big_preview_box">'+
					'<div class="closecross" title="Закрыть просмотор"></div>'+
					'<div class="sl sl1" ><img src=""  alt=""/></div>'+
					'<div class="sl sl2"  style="display:none;"><img  src="" alt=""/></div>'+
					'<div class="pa"><img src="" /></div>'+
					'<div class="leftarr"><div class="inarr"><div class="sidearr"></div></div></div><div class="rightarr"><div class="inarr"><div class="sidearr"></div></div></div>'+
					'</div>'+
					'<div class="sublightblock">'+
					'</div>'+
					'<div class="lightblock">'+
					'<div class="myscrollbox"><div class="myscrollboxleft"></div><div class="myscrollboxright"></div><div class="myscrollplah"><div class="myscrollplahleft"></div><div class="mysrcollplahcenter"></div><div class="myscrollplahright"></div></div></div>'+
					'</div>'+
					'</div>';
					
					
					$("#ub_"+allname+"").html(lbalbom);
					$("#aid_"+allname+"b .lightblock").prepend($("#aid_"+allname+" .sliderbox").clone());
					
					animalbum(""+allname+"b",11,phcount, "b_");
					
					$("#aid_"+allname+"b .sublightblock").height(parseInt($("#aid_"+allname+"b .lightblock").height()));
					$("#aid_"+allname+"b .lightblock").css("top",-parseInt($("#aid_"+allname+"b .lightblock").height())-5);
					
					$(".up_black .lightscroll").click(function() {
						return false;
					});
					
				}
				
				sbyw = parseInt($("#aid_"+allname+"b .sliderboy").width());
				sbxw = parseInt($("#aid_"+allname+"b .sliderbox").width());
					
				if (sbyw <= sbxw)
				{
					$("#aid_"+allname+"b .sliderboy").css("left", (sbxw-sbyw)/2);
				}
				else
				{
					
					if ($("#aid_"+allname+" .sel").data("eco") < 5)
					{
						go = 0;
					}
					else if($("#aid_"+allname+" .sel").data("eco") > $("#aid_"+allname+" .picbox").length - 6)
					{
						go = $("#aid_"+allname+" .picbox").length -11;
					}
					else				
					{
						go = $("#aid_"+allname+" .sel").data("eco")-5;
					}
					
					$("#aid_"+allname+"b .sliderboy").css("left" ,-(go)*90);
					$("#aid_"+allname+"b .myscrollplah").css("left", 2+(go)*90*parseInt($("#aid_"+allname+"b .myscrollbox").width())/parseInt($("#aid_"+allname+"b .sliderboy").width()));

					
					
				}
										
				$("#aid_"+allname+"b .sel").removeClass("sel");
				$("#aid_"+allname+"b .picbox").eq($("#aid_"+allname+" .sel").data("eco")).click();
					
				resizegal(allname);
				
			});
				
			
			animalbum(allname,csd,phcount,pfx);
	

	}