$(document).ready(function() {

		MoveSlide(0);
			
		$("ul#nav-main li").hover(function() { //Hover over event on list item
			$(this).css({ 'background' : '#4D4D4D'}); //Add background color + image on hovered list item
			$(this).find("span").show(); //Show the subnav
		} , function() { //on hover out...
			$(this).css({ 'background' : 'none'}); //Ditch the background
			$(this).find("span").hide(); //Hide the subnav
		});
			
		});

        var anTimer = 0;
        function MoveSlide(id){
			var idd;
            clearTimeout( anTimer );
	        loadImage($("#"+id).attr("name"))
			idd = $("#"+id).attr("id");

	        $(".strip span").html($("#"+id).attr("title"))
			$(".img a").attr("href","article.asp?id="+$(".d"+id).attr("id"))

            for (var i=0;i<=9;i++)
            {
                $(".d"+i).css({'color':'#FFFFFF'});
            }
            $("#"+id).css({'color':'#bf198d'});


            var next_id = null;
            if( id == 9 )
                next_id = 0;
            else
                next_id = id+1;
            anTimer = setTimeout('MoveSlide('+next_id+');', 4000);
        }

		function loadImage(src){
			var img = new Image();
			$(img).load(function(){
				$(img).hide();
				$("#FlashBox .img img").replaceWith(img);
				$(img).fadeIn("slow")
			}).attr({src: src, width: "415", height: "319"});
		};