// JavaScript Document

var numofpics = 42;

function preloadThumbs() {
	smlurl = "../_img/projects/thumbs/";
	preimg = new Array();
	
	for (x=0; x<numofpics; x++) {
		preimg[x]= new Image(70,83);
		preimg[x].src = smlurl + (x+1) + ".jpg";
	}
}


function addLineBreaks() {
	
	if (document.body.clientWidth < 990) { 
		document.getElementById('clear1b').style.display="block";
		document.getElementById('clear2b').style.display="block";
		document.getElementById('clear3b').style.display="block";
		document.getElementById('clear4b').style.display="block";
		document.getElementById('clear5b').style.display="block";
		
		document.getElementById('clear1').style.display="none";
		document.getElementById('clear2').style.display="none";
		document.getElementById('clear3').style.display="none";
	}
	else {
		document.getElementById('clear1').style.display="block";
		document.getElementById('clear2').style.display="block";
		document.getElementById('clear3').style.display="block";
		
		document.getElementById('clear1b').style.display="none";
		document.getElementById('clear2b').style.display="none";
		document.getElementById('clear3b').style.display="none";
		document.getElementById('clear4b').style.display="none";
		document.getElementById('clear5b').style.display="none";
	}
}

window.onresize = addLineBreaks;

// randomly display thumbnails
var num=0;
numArray = new Array();
actionArray = new Array();

function randOrd(){
	return (Math.round(Math.random())-0.5); 
}

function getArray() {	
	for (i=0;i<numofpics;i++)
	{
		picid = "project" + (i+1);		
		numArray[i] = picid;
	}	
	numArray.sort( randOrd );
}

function animateIcons() {
  	preloadThumbs();
	new Fx.Reveal($('projects-pics')).reveal();
	getArray();
  	setTimeout( "step1();", 1500); // pause for 2 seconds
}

function step1() {
	num++;
	if (num>numofpics) {/* Stop the script*/}
	else {
		iconid = numArray[num-1];
		setTimeout( "step2(iconid);", 100); 
	}
}

function step2(iconid)
{
	document.getElementById(iconid).style.backgroundPosition="center";
	setTimeout( "step1();", 10); 
}