$(function(){
		var $container = $("#slides");
		var $slide = $(".slide");
		var $nav = "#slide_nav li";

		var $slideTime = 1500;
		var $slideShow = 7000;
		
		var $i = 0;
		$slide.each(function(){
			$(this).attr('id', 's_slide_' + $i);
			$i++;
		});
		
		var $i = 0;
		$($nav).each(function(){
			$(this).attr('id', 'slide_' + $i);
			if($i == 0){
                $(this).addClass('current');
			}
			$i++;
		});
		
		if($i > 1){
			var timer = setInterval('run()', $slideShow);

			$slide.hover(
				function(){
					clearInterval(timer);
				},
				function(){
	                timer = setInterval('run()', $slideShow);
				}
			);
		
			$($nav).click(function(){
	            clearInterval(timer);

				var $next = $(this).attr('id');
				var $nextSlide = '#s_' + $next;

				var $current = '#' + $container.find('.current').attr('id');

				if($current != $nextSlide){
                    $($nav).removeClass('current');
                    $("#"+$next).addClass('current');
				    $($current).removeClass('current').addClass('prev').css('z-index', '99').fadeOut();
					$($nextSlide).css('z-index', 100).addClass('current').hide().fadeIn(1500);
				}

			});
		}
		
		initialize();
		//setInterval('run()', 5000);
	});
	
	function initialize(){
		$(".slide").css({ 'z-index': '1' }).hide();
		$("#s_slide_0").css({ 'z-index': '100' }).show().addClass('current');
	}
	
	function run(){
		var $current = $("#slides .current");

		var $next = $("#slides .current").next().attr('id');
		if($next == null){
			var $nextSlide = '#s_slide_0';
		}
		else{
			$nextSlide = "#" + $next;
		}
		
		var $nextNav = $nextSlide.replace("s_", "");

		$("#slide_nav li").removeClass('current');
  		$($nextNav).addClass('current');
        
        $($current).removeClass('current').addClass('prev').css('z-index', '99').fadeOut();
		$($nextSlide).css('z-index', 100).addClass('current').hide().fadeIn(1500);
		
		/*$($current).removeClass('current').addClass('prev').css('z-index', '99').animate({ left: '-950px'}, 1500);
     	$($current).find('.desc').animate({bottom: '-73px'}, 200);
     	$($current).find('.ie6').animate({top: '414px'}, 200);
		$($nextSlide).css('z-index', 100).addClass('current').animate({ left: 0 }, 1500).queue(function(){
			$(this).find('.desc').animate({ bottom: 0 }, 500);
			$(this).find('.ie6').animate({ top: '360px' }, 500);
			$(this).dequeue();
		});
		$($current).queue(function(){
            $(this).css({ left : '950px'}).removeClass('prev');
            $(this).dequeue();
		}); */
	}