//<![CDATA[

jQuery.noConflict();

var visualPhoto = null;
var visualSpeed = 3000;
var visualState = 0;
var visualLength = 21;

jQuery(function(){
	visualPhoto = jQuery("#slide-wrap");
	initVisual();
});

function initVisual(){
//	visualState = Math.floor(Math.random() * visualLength);
	visualState = 0;
	visualPhoto.css({top: -(visualState * 341)});
	startVisualTimer();
	hoverTimer();
};

function startVisualTimer(){
	jQuery(document).everyTime(visualSpeed, "roll", function(i){
		toggleVisual();
	});
};

function hoverTimer(){
	visualPhoto.hover(
		function(){ jQuery(document).stopTime("roll"); },
		function(){ startVisualTimer(); }
	);
};

function toggleVisual(){
	visualState = (visualLength <= visualState + 1) ? 0 : visualState + 1;
	visualPhoto.fadeOut(300, function(){
		jQuery(this).css({top: -(visualState * 341)});
	}).delay(100).fadeIn(500);
};

//]]>