$(document).ready(function(){
	
	// Prevent Hilighting
	$("#banner").disableSelection().hover(function(){
		$("#next, #prev").stop().fadeTo("fast", 0.7);
	}, function(){
		$("#next, #prev").stop().fadeTo("fast", 0.0);
	});
	
	// Prevent FOC
	$("#banner ul.items li").show();
	
	// Prepare a slide
	function cycleUpdate(e){
		var heading = $("img", e).attr("alt");
		var subheading = $("img", e).attr("longdesc");
		$("#message h1, #message p").fadeOut(175, function(){
			$("#message h1").text($.trim(heading));		// Change Heading
			$("#message p").text($.trim(subheading));	// Change Description
			if(heading != ""){
				$("#message h1").show();
			} else {
				$("#message h1").hide();
			}
			if(subheading != ""){
				$("#message p").show();
			} else {
				$("#message p").hide();
			}
			if((heading != "") || (subheading != "")){
				$("#message").fadeTo(175,"0.8");
			} else {
				$("#message").fadeTo(175,"0.0");
			}
		});
	}
	
	// Cycle Banners
	if ($("#banner ul.items li").length > 1){
	
		// jQuery Cycle Init
		$("#banner ul.items").cycle({
			fx: "scrollHorz",
			timeout: 10000,
			speed: 350,
			pause: 1,
			cleartype: 1,
			pauseOnPagerHover: 1,
			prev: "#prev",
			next: "#next",
			pager: "#pager ul",
			pagerAnchorBuilder: function(idx, slide){
				pagerSyntax = '<li class="slide"><a href="#"><img src="'+$(slide).find("img").attr("src").replace("&size=920x360","&size=115x45")+'" alt="'+$(slide).find("img").attr("alt")+'" /></a></li>';
				return pagerSyntax;
			},
			before: function(){
				var pagerIndex = $(this).index();
				$("#pager").trigger("goto",[pagerIndex]);
				cycleUpdate(this);
			}
		});
		
	} else {
	
		// Banner Slide
		var cycleBanner = $("#banner ul.items li");
		
		// Display Message
		cycleUpdate(cycleBanner);
		
		// Redundant Elements
		$("#pager, #next, #prev").remove();
	
	}

	// Pager Item Offset
	var pagerWidth = $("#pager").outerWidth();
	var pagerItem = $("#pager li:first").outerWidth() + 14;
	var pagerItems = pagerItem * 2;
	var pagerOffset = pagerWidth - pagerItems;
	
	// Banner Thumb Scroll
	$("#pager").serialScroll({
		items: "li",
		offset:-pagerOffset,
		jump: true,
		cycle: true,
		stop: true,
		lock: true,
		duration: 115
	}).css("opacity","0").show();
	
	// Hover Effects
	$("#pager").hover(function(){
		$("#pager").stop().fadeTo(115,"0.8");
	}, function(){
		$("#pager").stop().fadeTo(115,"0.0");
	});


});