$(document).ready(function() {
	
	// add other images
	var div;
	for (i = 0; i < home_images.length; i++) {
		
		// open div
		div  = '<div style="left:29999px" id="img-' + (i + 1) + '" class="imgscaler">'
		
		// open url and new window
		if (home_url[i] != '') {
			div += '<a href="' + home_url[i] + '"';
			if (home_window[i] == 1) div += ' target="_blank"';
			div += '>';
		}
		
		// img and alt
		div += '<img src="' + home_images[i] + '" alt="' + home_alt[i] + '">'
		
		// close url
		if (home_url[i] != '') {
			div += '</a>';
		}
		
		// close div and insert into dom
		div += '</div>';
		$(div).insertAfter('#img-' + i);
	}
	
	
	// scale the images
	$('.imgscaler').imgscaler({
		fade: false
	});
	
	
	// loop through as slideshow
	var slidecount = $('.imgscaler').length;
	var curr = 0;
	var next = 1;
	var delay = 6000;
	var trans = 750;
	setInterval(function(){
		
		var pageW = $('#images').width();
		var currImg = $('#img-' + curr);
		var nextImg = $('#img-' + next);
		
		// slide images
		nextImg
			.css('left', (pageW - 1))
			.animate({
				left: 0
			}, {
				duration: trans,
				step: function(now, fx) {
					currImg.css('left', (now - pageW + 1));
				},
				complete: function() {
					currImg.css('left', '29999px');
				}
			});
		
		if (++curr == slidecount) curr = 0;
		if (++next == slidecount) next = 0;
		
	}, delay);
	
});