/* ---------------------------------------------------- */
/* JQuery												*/
/* ---------------------------------------------------- */
$jQuery(document).ready(function() 
{
	
	$jQuery("#imagedisplay").css("visibility","hidden");
	/* make the image area visible - and then fade it in */
	$jQuery("#image_rotate").css("visibility","visible");
	$jQuery("#image_rotate").fadeIn(1500);
	
	/* Fade through the images */
	$jQuery('#image_rotate').innerfade({ 
		speed: 2000, 
		timeout: 4000, 
		type: 'sequence', 
		containerheight: '435px'
	});
	
	/* Initialise the Easy Slider system */
	$("#slider").easySlider({
		auto: false,
		continuous: false,
		numeric: true
	});

	/* thumbnail image borders on hover */
	$jQuery(".thumbnail").css("border","1px solid #fff");
	$jQuery(".thumbnail").hover(function(){
		$jQuery(this).css("border","1px solid #646464");}, 
	      function () {
			$jQuery(this).css("border","1px solid #fff");
	      }
	    );


	
	
});