function bindit(){
	$("#accordion img").unbind()
		.mouseover(function(e){
			$("#preview_image").hide();
			var ev = e;
			$(this).delay(50).queue(function(){
				var img = $(this).attr('rel');
				if($("#preview_image").length==0) $("body").append("<div id='preview_image'></div>");
				var pagex = ev.pageX;
				$("#preview_image")
					.html("<img src='images/preloader.gif' class='preloader' style='margin:10px;' width='16' height='11'><img src='"+img+"' style='display:none'>")
					.find("img:last").load(function(){
						$("#preview_image .preloader").hide();
						$("#preview_image img:last").show();
						var y = ev.pageY-20-$("#preview_image").height();
						var x = pagex - 20 - $("#preview_image").width();
						if(y<10) y = 10;
						$("#preview_image").css({position: 'absolute', left: x, top: y});
					});
				var x = pagex-20-$("#preview_image").width();
				var y = ev.pageY-20-$("#preview_image").height();
				if(y<10) y = 10;
				$("#preview_image")
					.css({position: 'absolute', left: x, top: y})
					.fadeIn('fast')
					.unbind().bind("mouseove mousemove mousein", function(){$(this).hide();});
			});
		})
		.mousemove(function(e){
			var x = e.pageX - 20 - $("#preview_image").width();
			var y = e.pageY-20-$("#preview_image").height();
			if(y<10) y = 10;
			$("#preview_image").css({left: x, top: y});
		})
		.mouseleave(function(){
			$(this).dequeue();
			$("#preview_image").hide();
		});
}


$(function(){
	for(i=0;i<images.length;i++){
		$("#accordion").append("<a class='a"+i+"' href='#'>"+images[i].name+"</a>");
		$("#accordion").append("<div></div>");
		for(j=0;j<images[i].images.length;j++){
			var img = images[i].images[j];
			var folder64 = encodeURIComponent(images[i].folder64);
			var folder = images[i].folder;
			$("#accordion>div:last").append('<img src="simg.php?folder='+folder64+'&img='+img+'&h=75&w=75" rel="image.php?folder='+folder64+'&img='+img+'"/>');
		}
		$("#accordion>div:last").append('<div style="clear:both"></div>');
	}
	jQuery('#accordion').accordion({
		changestart:function(){$("#accordion *").unbind();},
		change:'bindit',
		fillSpace:true
	});
	jQuery('#accordion2').accordion({header:"a.accor",fillSpace:true});
	$('nody, *').not('#accordion img').bind("mouseover mousemove",function(e){
		if(e.target) if( $(e.target).is("#accordion img")) return;
		$('#preview_image').hide();
	});
	bindit();
});