var positions = new Array();

window.addEvent('domready', function () {
	
	if ($('productiontxt')) {
	
	var rowCounter = 0;
	var columnCounter = 0;
	var thumbs = new Array();
	
	var counter = 0;
	var columnWidth = 165;
	var rowHeight = 200;
	
	for (var i = 0; i<images.length; i++) {
		
		if (columnCounter>=3) {
			columnCounter = 0;
			rowCounter++;
		}
		
		
		
		var obj = new Object();
		
		obj.y = rowCounter*rowHeight;
		obj.x = columnCounter*columnWidth;
		
		if (Math.random()<.35) {
			columnCounter+=2;
		}else{
			columnCounter+=1;
		}
		
		positions.push(obj);
			
	}
	
	
	//

									  
	function loadThumb () {
		
		var img = Asset.image("uploads/production/thumbs/"+images[counter], {
    		onLoad: imgLoaded
		});
		
	}
	
	
	
	function imgLoaded () {
		
		
		//alert("loaded");
		var thumb = this;
		thumbs.push(thumb);

		var a = new Element('a', {
			
			"href":"#"
		});
		a.set('img', images[counter]);
		a.addEvent('mousedown', function(){milkbox.openWithFile({ href:'uploads/production/images/'+this.get('img')});})
		a.setStyle('position', 'absolute');
		a.setStyle('display', 'block');
		
		a.adopt(thumb);
		
		$('photos').adopt(a);

		
		var size = thumb.measure(function(){
    		return this.getSize();
		});
		
		var obj = positions[counter];
		
		if (Math.random()<.65) {
			a.setStyle('margin-top', obj.y+(rowHeight-size.y)/2);
			a.setStyle('margin-left', obj.x+(columnWidth-size.x)/2);
		} else {
			a.setStyle('margin-top', obj.y);
			a.setStyle('margin-left', obj.x);
		}
		
		
		
		counter++;
		if (counter<=images.length) {loadThumb();}
		
		
	}
	
	loadThumb ();
	
	function setHeight() {
		
		$('photos').setStyle('height', (rowCounter+1)*200);
		milkbox = new Milkbox({ centered:true });
		//alert("milkbox");
	}
	
	
	setHeight();
	
	}
});