$(document).ready(function(){						
		addGallery("khoahoc",300);
		addGallery("gallery",300);
	});
	
	function addGallery(id,speed){
		var index = 0;
		var count = 0;
		var length = $("#" + id + " .thumb_gal li").length;
		var main = $("#" + id + " .galleryWrap div");
		for (i=0;i<=2;i++){
			main.find(".thumb_gal li:eq("+i+")").css("display","block");
		}
		main.parent().find(".imgloader a").click(function(){
			var fpic = main.parent().find(".imgloader a").attr("rel");
			fpic = fpic.split("url=");
			fpic = fpic[1].split("&");
			fpic = fpic[0];
			if(fpic!=''){
				$("body").append('<div id="fullview"><div id="transbg"></div><div id="fpicholder"><div id="close-pic"><span>[ ?óng ]</span></div><img src="'+fpic+'" /></div></div>');
				$("#close-pic,#fullview").click(function(){
					$("#fullview").remove();
				});
				
				$("#fpicholder").hover(function(){
					$(this).append('<div id="fpdesc"><span><a href="'+fpic+'" target="_blank">Xem hình l?n</a></span></div>');
				},
				function(){
					$(this).find("#fpdesc").remove();
				});
				
				$("#fpicholder img").click(function(){
					window.open(fpic);
					return false;
				});
			}
		});
		
		$("#" + id + " .down_gallery").click(function(){
				
				var fcount = count;
				if(count<length-3){
					for (i=0;i<=2;i++){
						var id1 = fcount+i;
						var id2 = (fcount+i)+3;
						main.find(".thumb_gal li:eq("+id1+")").css("display","none");
						main.find(".thumb_gal li:eq("+id2+")").css("display","block");
						if(count < length){
							count++;
						}
					}
				}
		})
		
		$("#" + id + " .up_gallery").click(function(){
				var fcount = count;
				if(count>0){
					for (i=0;i<=2;i++){
						var id1 = fcount+i;
						var id2 = (fcount+i)-3;
						main.find(".thumb_gal li:eq("+id1+")").css("display","none");
						main.find(".thumb_gal li:eq("+id2+")").css("display","block");
						if(count>0){
							count--;
						}
					}
				}
		})
		
		$("#" + id + " .thumb_gal li a").click(function(){
			var rel = $(this).attr("rel");
			
			var imgDesc = $(this).parent().find('.block').html();
			var url = $(imgDesc ).find('a').attr("href");	
	
			index = main.find(".thumb_gal li").index($(this).parent()) + 1;
			
			main.parent().find(".imgloader").fadeOut("fast",function(){
				main.parent().find(".imgloader img").attr("src",rel);
				main.parent().find(".imgloader a").attr("rel",rel);
				
				main.parent().find(".imgloader img").load(function(){
					main.parent().find(".imgloader a").attr("href",url);
					main.parent().find(".imgdesc").html(imgDesc);
					main.parent().find(".imgloader").fadeIn(speed);
				});
															
			});
			
			
		});
		
}