// JavaScript Document

$(document).ready(function() {				
				$('#the-next').click(function() {
					
					slider			= $('#slider');
					selectedItems	= slider.children('li.selected');
					nextItem			= selectedItems.next('li');
					nextItemImg		= nextItem.children('img');
										
					nextItemIndex	= nextItem.index() - 1;
					nextItemPos		= 236 * nextItemIndex;
					nextItemPos 	= -nextItemPos+'px';
					
					if(nextItem.is('li')) {
						
						slider.animate({"marginLeft" : nextItemPos});
					
						selectedItems.removeClass('selected');
						nextItem.addClass('selected');
						
						$('#the-title').fadeOut(100, function() {
							$(this).text(nextItemImg.attr('alt')).fadeIn();
						});
					}
					
				});
				
				$('#the-prev').click(function() {
					
					slider			= $('#slider');
					selectedItems	= slider.children('li.selected');
					prevItem			= selectedItems.prev('li');
					prevItemImg		= prevItem.children('img');
					
					prevItemIndex	= prevItem.index() - 1;
					prevItemPos		= 236 * -prevItemIndex;
					prevItemPos 	= prevItemPos+'px';

					if(prevItem.is('li')) {
						slider.animate({"marginLeft" : prevItemPos});
					
						selectedItems.removeClass('selected');
						prevItem.addClass('selected');
						
						$('#the-title').fadeOut(100, function() {
							$(this).text(prevItemImg.attr('alt')).fadeIn();
						});
					}
				});

				
			});