/* prepare */
var prepare = {
	init : function(){
		jQuery(".galerie").each(function(k) {		
			var i;
			var htmlInject;
			var srcImg = new Array;
			var srcThumb = new Array;
			var srcThumbAlt = new Array;
			var srcTitle = new Array;
			var srcMiddle = new Array;
			jQuery(this).find("a").each(function(i) {
				i++;
				srcImg.push(jQuery(this).attr('href'));
				srcMiddle.push(jQuery(this).attr('rel'));
				srcThumb.push(jQuery(this).find("img").attr('src'));
				srcThumbAlt.push(jQuery(this).find("img").attr('alt'));
				srcTitle.push(jQuery(this).attr('title'));
				jQuery(this).attr('class',i).attr('style','display:none');
				jQuery(this).find("img").attr('style','display:none');
			});
			
			maxImg = jQuery(this).find("img").size();

			htmlInject = '<div class="layerWaiting"></div><div class="waiting"></div><div class="vision"></div><ul class="thumbnails">';
			for (j=0;j<maxImg;j++) {
				htmlInject += '<li><a rel="lightbox['+k+']" name="' + srcMiddle[j] + '" href="' + srcImg[j] + '" title="' + srcTitle[j] + '"><img src="' + srcThumb[j] + '" alt="' + srcThumbAlt[j] + '" /></a></li>';				
			}
			htmlInject += '</ul>';
			jQuery(this).html('<div class="galYaralt">'+htmlInject+"</div>");
			
			jQuery(this).find(".vision").html('<a title="'+srcTitle[0]+'" rel="lightbox" class="loaded" href="'+srcImg[0]+'"><img src="'+srcMiddle[0]+'" alt="' + srcThumbAlt[0] + '" /></a>');
			jQuery(this).find(".layerWaiting").css("display","none");
			jQuery(this).find(".waiting").css("display","none");
			
			//jQuery(this).find(".galYaralt a[rel='lightbox']").lightBox();
			tampon = true;
			jQuery(this).find(".thumbnails a").bind("mouseover",prepare.clickIt);
		});
	},
	clickIt : function() {
		if (tampon == true) {
			url = jQuery(this).attr("name");
			url2 = jQuery(this).attr("href");
			title = jQuery(this).attr("title");
			tampon = false;
			jQuery(this).parent().parent().parent().find(".layerWaiting").css("display","block");
			jQuery(this).parent().parent().parent().find(".waiting").css("display","block");
			jQuery(this).parent().parent().parent().find(".vision").append('<a title="'+title+'" href="'+url2+'" class="loading" rel="lightbox"><img height="250" src="'+url+'" style="display: none;" /></a>');
			jQuery(this).parent().parent().parent().find(".loading img").load(function() {
				tampon = true;
				jQuery(this).parent().parent().parent().find(".layerWaiting").css("display","none");
				jQuery(this).parent().parent().parent().find(".waiting").css("display","none");
				jQuery(this).parent().parent().parent().find(".loaded").remove();
				jQuery(this).parent().parent().parent().find(".loading img").css("display","inline");
				jQuery(this).parent().parent().parent().find(".loading").attr("class","loaded");
			}); return false;
		}
	}
};
/* Onload Functions //---------------------------*/
jQuery(document).ready(function(){
	prepare.init();
});