var linked=false;
function slideSwitch() {
	if (!linked) {
		n=c+1;
		if (n==total+1){n=1;}
		$("#mainimg"+c).fadeOut('100');
		$("#mainimg"+n).fadeIn('100');
		c=n;
	}
	linked=false;
}
$(document).ready(function() {
	$("#mainimg"+c).show();
	
	//Time the image rotation
	setInterval( "slideSwitch()", 5000 );
	
	$("a.rightarrow").click( function() {
		n=c+1;
		if (n==total+1){n=1;}
		$("#mainimg"+c).fadeOut('100');
		$("#mainimg"+n).fadeIn('100');
		c=n;
		linked=true;
	});
	$("a.leftarrow").click( function() {
		p=c-1;
		if (p==0){p=total;}
		$("#mainimg"+c).fadeOut('100');
		$("#mainimg"+p).fadeIn('100');
		c=p;
		linked=true;
	});

	

	hoverOpacity.init()
	
/*$("a.overlay").hover(function(){
		$("a.overlay").fadeTo("slow", 0.6); // This sets the opacity to 100% on hover
			},function(){
		$("a.overlay").fadeTo("slow", 1.0); // This sets the opacity back to 60% on mouseout
	});*/


});	

hoverOpacity = {
	init : function(){
		$('a.fade').css({
			backgroundPosition:"0px 0px",
			cursor:"pointer"
		})
		$('a.fade').each(function(){
			
			spanFader = document.createElement('span');
			myBG = $(this).css("background-image")
			
			$(this).append(spanFader);
		
			myBG = $(this).css("background-image")
			spanWidth =  $(this).css("width")
			spanHeight =  $(this).css("height")
				
			$(this).find("span").css({
				backgroundImage:myBG,
				backgroundPosition:"bottom right",
				position:"absolute",
				display:"block",
				cursor:"pointer",
				top:"0px",
				left:"0px",
				width:spanWidth,
				height:spanHeight,
				opacity:0,
				visibility:"visible"
			})
		})
		$("a.fade").hover(function () {
			$(this).find("span").stop()
			$(this).find("span:not(:animated)").animate({opacity: 1}, 300)
		},
		function () {
			$(this).find("span").animate({opacity: 0},250)
		});
	}
}