runOnLoad(function(){
	
	$('div.showcaseimg').pngfix();
		
	page_overlay();
	
	if ($(window).width() < 1024) {
		$('body').css('overflow','auto');
	}
	
	var measures = new Array();
	var i=0;
	while (i<$('div.showcaseimg').length) {	
		measures[i]=new Array($('div.showcaseimg:eq('+i+')').width(),$('div.showcaseimg:eq('+i+')').height());
		i=i+1;
	}

	function myCenterPos (o) {
		// returns the centred position of the image
		var id = $(o).attr('id');
		var mymeasures = measures[id];
		var left = ($(window).width()-mymeasures[0])/2;
		var top = ($(window).height()-mymeasures[1])/2;

		if (top < 0) {
			top = 0;
		}
		
		return new Array(left, top);
	}
	
	function myHiddenRightPos (o) {
		// returns the right position of the image before it is animated
		var id = $(o).attr('id');
		var mymeasures = measures[id];
		var left = $(window).width();
		var top = ($(window).height()-mymeasures[1])/2;

		if (top < 0) {
			top = 0;
		}
		
		return new Array(left, top);
	}
	
	function myLeftPos (o) {
		// returns the left position of the image that is being replaced
		var id = $(o).attr('id');
		var mymeasures = measures[id];
		var left = mymeasures[0];
		var top = ($(window).height()-mymeasures[1])/2;

		if (top < 0) {
			top = 0;
		}
		
		return new Array(left, top);
	}
	
	function left_in () {
		$('div.showcaseimg:first').stop();
		var pos = $('div.showcaseimg:first').offset()['left']+15;
	   	$('div.showcaseimg:first').animate({'left':pos}, 'slow','expoout');
		
	}
	
	function out () {
		$('div.showcaseimg:first').stop();
	 	var pos = myCenterPos($('div.showcaseimg:first'));
		$('div.showcaseimg:first').animate({'left':pos[0]}, 'normal','expoout');		
	}
	
	function right_in () {
		$('div.showcaseimg:first').stop();
		var pos = $('div.showcaseimg:first').offset()['left']-15;
	   	$('div.showcaseimg:first').animate({'left':pos}, 'slow','expoout');
		
	}
	
	function previous () {
		li = 0;
		unbindpads();
		$('div.showcaseimg:first').stop();
		$('.nav').block({ backgroundColor: 'transparent', color: 'tansparent'});
		$('div.showcaseimg:first').stop({gotolaststep:true});
		pos = myLeftPos($('div.showcaseimg:first'));
		$('div.showcaseimg:first').pause(50);
		$('div.showcaseimg:first').animate({'left':'-'+pos[0]+'px'},400,null,function (){
				$('div.showcaseimg:first').hide().remove().insertAfter('div.showcaseimg:last');
				});	
		pos = myHiddenRightPos($('div.showcaseimg:eq(1)'));
		$('div.showcaseimg:eq(1)').css({'position':'absolute','top':pos[1]+'px','left':pos[0]+'px'});
		left = ($(window).width()-measures[$('div.showcaseimg:eq(1)').attr('id')][0])/2;
		$('div.showcaseimg:eq(1)').animate({'left':left, 'display':'block'},1200,'expoout',bindpads);
		$('.nav').unblock();
	}

	function next () {
		li = 0;
		unbindpads();
		$('div.showcaseimg:first').stop();
		$('.nav').block({ backgroundColor: 'transparent', color: 'transparent'});
		$('div.showcaseimg:first').stop({gotolaststep:true});
		pos = $(window).width();
		$('div.showcaseimg:first').pause(50);
		$('div.showcaseimg:first').animate({'left':pos},400,null,function (){
			$('div.showcaseimg:first').hide();
			$.each($('div.showcaseimg:hidden'),function (i,n) { $(n).remove().insertAfter('div.showcaseimg:last'); });
		});	
		pos = myLeftPos($('div.showcaseimg:last'));
		$('div.showcaseimg:last').css({'top':pos[1],'left':'-'+pos[0]+'px'});
		left = ($(window).width()-measures[$('div.showcaseimg:last').attr('id')][0])/2;
		$('div.showcaseimg:last').animate({'left':left, 'display':'block'},1200,'expoout',bindpads);
		$('.nav').unblock();
	}	

	function bindpads(){
		$('div#leftpad').mouseover(left_in);
		$('div#leftpad').mouseout(out);
		$('div#rightpad').mouseover(right_in);
		$('div#rightpad').mouseout(out);
	}

	function unbindpads() {
		$('div#leftpad').unbind('mouseover');
		$('div#leftpad').unbind('mouseout');
		$('div#rightpad').unbind('mouseover');
		$('div#rightpad').unbind('mouseout');
	}
	
	bindpads();

	$.extend($.blockUI.defaults.overlayCSS, { backgroundColor: 'transparent' });
			
	$('div.showcaseimg').hide();
	$('.loading').hide();
	pos = myHiddenRightPos($('div.showcaseimg:first'));
	$('div.showcaseimg:first').css({'top':pos[1],'left':pos[0],'position':'absolute'});
	left = ($(window).width()-measures[$('div.showcaseimg:first').attr('id')][0])/2;
	$('div.showcaseimg:first').animate({'left':left, 'display':'block'},1200,'expoout');

	$('.previous').click(previous);
	$('.next').click(next);
	
	
	// insert timeout here //
	var li = -500000;

	$(document).mousemove(function () {
		li = 0;
	});

    function loop () {
    	if (li == 500000) {
    		if ($('div.jqmOverlay').length == 0) {
    			previous();
    			li = 0;
    		}
    	} else {
    		li = li + 500000;
    	}
    	setTimeout(loop,500000);
    }	

	loop();



	
	
	// handle iframed overlays sizes
	function page_overlay() {
		$('.clippingsWindow').width($(window).width()-5);
		$('.clippingsWindow').height($(window).height()-20);
		$('.clippingsWindow#header').width($(window).width()-20);
		$('.eventsWindow').width($(window).width()-20);
		$('.eventsWindow').height($(window).height()-20);
	}
	
	$(window).resize(function() {
		page_overlay();
		if ($(window).width() < 1024) {
			$('body').css('overflow','auto');
		}
	});
	
});