// document ready
$(document).ready(function(){

	// load new image on thumbnail click
	$("#thumbs ul li").click(function(){
		var targetImage = $(this).children('a').attr('href');
		//$("#image").hide().html('<img style="visibility: visible; opacity: 1;" src="' + targetImage + '">').fadeIn(400);
		$("#image").hide().html('<img style="visibility: visible; opacity: 1; background-image:url('+targetImage+'); " src="' + './img/new_adress_overlay.png' + '">').fadeIn(400);
		return false;
	});
	

	/*** cycle images ***/
	
	intervalTime = 10000;
	var images = new Array();	
	
	// populate array with images from <li> elements
	$('#thumbs ul li a').each(function(index) {
    	//alert(index + ': ' + $(this).attr('href'));
    	images.push($(this).attr('href'));
	});

	// set timer for function
	var previousImage = images[0];
	window.setInterval(cycleImages, intervalTime);
	
	// function to execute
	function cycleImages() {		
		var i = 0;
		while (i <= 0) {
			var randomImage = images[Math.floor(Math.random()*images.length)];
			if (randomImage != previousImage) {
				previousImage = randomImage;
				i++;	
			}
		}
		var test = "mynewpath"
		$("#image").hide().html('<img style="visibility: visible; opacity: 1; background-image:url('+randomImage+'); " src="' + './img/new_adress_overlay.png' + '">').fadeIn(400);
		//alert(randomImage);
	}
	
});	
