// JavaScript Document

$(function(){
    var d = $("#pics div img:first");
    $("#pics div").css({"z-index":99});
    d.css("border","1px #666 solid");
    $("#pics div img").fadeTo("fast", 0.5);
    d.fadeTo("fast", 1);
    //$("#pics").append('<a href="' + d.attr("href") + '"><img src="' + d.attr("src") + '" border="0" alt="' + d.attr("alt") + '" /></a>');
	$("#pics").append('<a><img src="' + d.attr("src") + '" border="0" alt="' + d.attr("alt") + '" /></a>');
    var t2 = 1000;
    jQuery.extend({
        pics_chg:function(){
            $("#pics a img").fadeTo(t2,0.1);
//            $("#pics div img").fadeTo(t2, 0);
            setTimeout(function (){
                d = d.attr("src") == $("#pics div img:last").attr("src") ? $("#pics div img:first") : d.next();
                $("#pics a img").attr({
                    "src":d.attr("src"),
                    "alt":d.attr("alt")
                });
                $("#pics a").attr("href",d.attr("href"));
                $("#pics div img").fadeTo(t2, 0.5);
                d.fadeTo(t2, 1);
                $("#pics div img").css("border","1px #ccc solid");
                d.css("border","1px #ffffff solid");
                $("#pics a img").fadeTo(t2,1);
            }, t2)
        }
    });
    t = 5000;
    m = setInterval("jQuery.pics_chg()",t);
    $("#pics a").hover(function(){
        clearInterval(m)
    },function(){
        m = setInterval("jQuery.pics_chg()", t)
    });
    $("#pics div img").hover(function(){
        $(this).fadeTo("fast",1);
        $(this).css("border","1px #999 solid")
    },function(){
        $(this).fadeTo("fast",(d.attr("src") == $(this).attr("src")?1:0.4));
        $(this).css("border","1px " + (d.attr("src") == $(this).attr("src")?"#666":"#ccc") + " solid")
    });
    $("#pics div img").click(function(){
        clearInterval(m);
        d = $(this);
        $("#pics div img").fadeTo("fast", 0.4);
        d.fadeTo("fast",1);
        $("#pics div img").css("border","1px #ccc solid");
        d.css("border","1px #666 solid");
        $("#pics a img").hide();
        $("#pics a").attr("href",d.attr("href"));
        $("#pics a img").attr("src",$(this).attr("src"));
        $("#pics a img").fadeIn("slow");
        m = setInterval("jQuery.pics_chg()", t)
    });
})