<!--

	$(document).ready(function() {			  

		var container = $('div#subcontent_box'),
			slider = $('#slider', container),
			cover_list = $('> ul.slider_list', slider),
			list_items = $('li', cover_list).size(),
			item_count = list_items,
			max_items  = 4;
					
		if(max_items < list_items) {
		
			$('<div>').attr('id', 'slide_links')
						.html('<a href="#" id="next"><img src="/static/images/arrow_right.gif" /></a>' +
								'<a href="#" id="previous"><img src="/static/images/arrow_left.gif" /></a>')
						.appendTo('#subcontent_box');
						
			$('#previous', container).css({'background-color': '#89a'});
		
			$('#next', container).click(function() {
				if(item_count > max_items) {
					$(slider).scrollTo({top:'0px', left:'+=183px'}, 500);
					item_count--;
				}
				
				if(item_count < list_items) {
				    $('#previous', container).css({'background-color': '#345'});
		    	}
		    	     
		    	if(item_count == max_items) {
		    	    $(this).css({'background-color': '#89a'});
		    	}
		    	
			});
			
			$('#previous', container).click(function() {
				if(item_count < list_items) {
					$(slider).scrollTo({top:'0px', left:'-=183px'}, 500);
					item_count++;
				}
				
				if(item_count > max_items) {
					$('#next', container).css({'background-color': '#345'});
				}
				
				if(item_count == list_items) {
				    $(this).css({'background-color': '#89a'});
				}
				
			});
		
		}

	});
		
-->
