(function($){

	$.fn.shuffle = function() {
		return this.each(function(){
			var items = $(this).children().clone(true);
			return (items.length) ? $(this).html($.shuffle(items)) : this;
		});
	}
	
	$.shuffle = function(arr) {
		for(var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
		return arr;
	}
	
})(jQuery);
	
	
	var fadein_speed=100;
	var spalten=5;
	var abstand_spalten=0;
	var abstand_reihen=0;
	var toppos=new Array();
	$(document).ready(function () {
	
		//position absolut und unsichtbar für random
		$("div.random").css( "position", "absolute");
		$("div.random").css( "display", "none");
		$("div.close").css( "display", "none");
		
		
		$('div.draggable').hover(function () {
        		$(this).find('.close').fadeIn(100);  
      		}, function () {
      			$(this).find('.close').fadeOut(500);
      		});
		
		
      		// Draggen aktivieren
		$('div.draggable').draggable({ stack: { group: '.draggable', min: 10 } });
		
		//Lightbox aktivieren		
		$('.lightbox a').mousedown(function(e){  
   			this.pos_x = e.pageX;
   			this.pos_y = e.pageY;
   			$(this).unbind("click");
		});

		$('.lightbox a').mouseup(function(e){  
   			var dx = e.pageX - this.pos_x;
   			var dy = e.pageY - this.pos_y;
   			if (dx==0 && dy==0) {
				$(this).lightBox();
   			};
   					
		});
		
		//Zufallsposition
		
		var bilder=$(".draggable");
		var bildbreite=bilder.eq(0).width()
		bilder = $.shuffle(bilder);
		
		var j=0;
		var k=0;
		for (var i=0;i<spalten; i++){
			toppos[i]=Math.random()*50;
		}
		
		for (var i=0;i<bilder.size(); i++){
			if (j>spalten-1){
				j=0;
				k++;
			}
			
     			bilder.eq(i).css( "left",  j*(bildbreite+abstand_spalten));
     			bilder.eq(i).css( "top",  toppos[j]);
     			toppos[j]+=bilder.eq(i).height()+abstand_reihen;
     			bilder.eq(i).css( "z-index",  i);
     			j++;
		}
		
		//fadein
		
		var intTime = 0;
		bilder = $.shuffle(bilder);
		bilder.each(function(i){
			var _this = this;
			window.setTimeout(function(){$(_this).fadeIn(fadein_speed);}, intTime);
			intTime += fadein_speed+100;
		});
		
		//.children("img").width();
		
		//close button
		
		$("div#cont_1 > div.close").mousedown(function () {
			$("div#cont_1").css("visibility","hidden");
		});

		$("div#cont_2 > div.close").mousedown(function () {
			$("div#cont_2").css("visibility","hidden");
		});

		$("div#cont_3 > div.close").mousedown(function () {
			$("div#cont_3").css("visibility","hidden");
		});

		$("div#cont_4 > div.close").mousedown(function () {
			$("div#cont_4").css("visibility","hidden");
		});
		
		$("div#cont_5 > div.close").mousedown(function () {
			$("div#cont_5").css("visibility","hidden");
		});
		
		$("div#cont_6 > div.close").mousedown(function () {
			$("div#cont_6").css("visibility","hidden");
		});
		
		$("div#cont_7 > div.close").mousedown(function () {
			$("div#cont_7").css("visibility","hidden");
		});
		
		$("div#cont_8 > div.close").mousedown(function () {
			$("div#cont_8").css("visibility","hidden");
		});
		
		$("div#cont_9 > div.close").mousedown(function () {
			$("div#cont_9").css("visibility","hidden");
		});
		
		$("div#cont_10 > div.close").mousedown(function () {
			$("div#cont_10").css("visibility","hidden");
		});
		
		$("div#cont_11 > div.close").mousedown(function () {
			$("div#cont_11").css("visibility","hidden");
		});

		$("div#cont_12 > div.close").mousedown(function () {
			$("div#cont_12").css("visibility","hidden");
		});

		$("div#cont_13 > div.close").mousedown(function () {
			$("div#cont_13").css("visibility","hidden");
		});

		$("div#cont_14 > div.close").mousedown(function () {
			$("div#cont_14").css("visibility","hidden");
		});
		
		$("div#cont_15 > div.close").mousedown(function () {
			$("div#cont_15").css("visibility","hidden");
		});
		
		$("div#cont_16 > div.close").mousedown(function () {
			$("div#cont_16").css("visibility","hidden");
		});
		
		$("div#cont_17 > div.close").mousedown(function () {
			$("div#cont_17").css("visibility","hidden");
		});
		
		$("div#cont_18 > div.close").mousedown(function () {
			$("div#cont_18").css("visibility","hidden");
		});
		
		$("div#cont_19 > div.close").mousedown(function () {
			$("div#cont_19").css("visibility","hidden");
		});
		
		$("div#cont_20 > div.close").mousedown(function () {
			$("div#cont_20").css("visibility","hidden");
		});
		
		$("div#cont_21 > div.close").mousedown(function () {
			$("div#cont_21").css("visibility","hidden");
		});

		$("div#cont_22 > div.close").mousedown(function () {
			$("div#cont_22").css("visibility","hidden");
		});

		$("div#cont_23 > div.close").mousedown(function () {
			$("div#cont_23").css("visibility","hidden");
		});

		$("div#cont_24 > div.close").mousedown(function () {
			$("div#cont_24").css("visibility","hidden");
		});
		
		$("div#cont_25 > div.close").mousedown(function () {
			$("div#cont_25").css("visibility","hidden");
		});
		
		$("div#cont_26 > div.close").mousedown(function () {
			$("div#cont_26").css("visibility","hidden");
		});
		
		$("div#cont_27 > div.close").mousedown(function () {
			$("div#cont_27").css("visibility","hidden");
		});
		
		$("div#cont_28 > div.close").mousedown(function () {
			$("div#cont_28").css("visibility","hidden");
		});
		
		$("div#cont_29 > div.close").mousedown(function () {
			$("div#cont_29").css("visibility","hidden");
		});
		
		$("div#cont_30 > div.close").mousedown(function () {
			$("div#cont_30").css("visibility","hidden");
		});
		
	});