$(document).ready(function() {

	//Speed of the slideshow
	var speed = 5000;
	
	//You have to specify width and height in #slider CSS properties
	//After that, the following script will set the width and height accordingly
	$('#mask-gallery, #gallery li').width($('#slider').width());	
	$('#gallery').width($('#slider').width() * $('#gallery li').length);
	$('#mask-gallery, #gallery li').height($('#slider').height());
	$('#mask-excerpt, #excerpt div').height(350);
	
	
	//var myback="bg_item1.jpg"
	//var changeback="url(/files/userfiles/images/" + myback + ")"
	//$('#flashsubholder').css("background-image", changeback);
	//$('#flashsubholder').css('background-repeat', 'no-repeat');
	
	
	//Assign a timer, so it will run periodically
	var run = setInterval('newsslider(0)', speed);	
	
	$('#gallery li:first, #excerpt div:first').addClass('selected');
	
	$('#links a:first').addClass('sublinkON');
	$('#linksB a:first').addClass('sublinkON');
	
	clearInterval(run);
	
	//function() {
			//clearInterval(run);
		//}
		
	//Put this inside $(document).ready()
//For link/number button
$('#links a').click(function () {
	//stop the slide show
	clearInterval(run);
	
	//Now set links on subnav
	$('#links a').removeClass('sublinkON');
	$('#links a').addClass('sublink');
	$(this).addClass('sublinkON');
	
	//$('#excerpt div').hide();
	$('#gallery li').hide();
	$("#flashsubholder").hide();
	
	//go to the item
	goto( "."+$(this).attr('rel') );
	var myback="bg_"+$(this).attr('rel')+".jpg"
	var changeback="url(/files/userfiles/images/" + myback + ")"
	
	$('#flashsubholder').css("background-image", changeback);
	$('#flashsubholder').css('background-repeat', 'no-repeat');
	
	//resume the slideshow
	//run = setInterval('newsslider(0)', speed);	
	return false;	
	
});

$('#linksB a').click(function () {
	//stop the slide show
	clearInterval(run);
	
	//Now set links on subnav
	$('#linksB a').removeClass('sublinkON');
	$('#linksB a').addClass('sublink');
	$(this).addClass('sublinkON');
	
	//$('#excerpt div').hide();
	//$('#gallery li').hide();
	//$("#flashsubholder").hide();
	
	//go to the item
	gotoB( "."+$(this).attr('rel') );
	//var myback="bg_"+$(this).attr('rel')+".jpg"
	//var changeback="url(/files/userfiles/images/" + myback + ")"
	
	//$('#flashsubholder').css("background-image", changeback);
	//$('#flashsubholder').css('background-repeat', 'no-repeat');
	
	//resume the slideshow
	//run = setInterval('newsslider(0)', speed);	
	return false;	
	
});
	
	
});

//Add this function after newslider function
function goto(item) {
	$('#mask-gallery').scrollTo(item, 0);		
	$('#mask-excerpt').scrollTo(item, 1200);
	var fad="#excerpt " + item 
	var fadimage="#gallery " + item 
	
	$(fadimage).fadeIn(1600);
	$("#flashsubholder").fadeIn(1600);	
				
}

//Add this function after newslider function
function gotoB(item) {
	$('#mask-gallery').scrollTo(item, 0);		
	$('#mask-excerpt').scrollTo(item, 1200);
	var fad="#excerpt " + item 
	//var fadimage="#gallery " + item 
	
	//$(fadimage).fadeIn(1600);
	//$("#flashsubholder").fadeIn(1600);	
				
}