var interval;
var foucuIndex = 0;
var foucuCount = 0;
$(function() {
    $("#piclist a img").each(function() {
        var sender = $(this);
        var parent = sender.parent();
        sender.data("hover", parent.attr("rel"))
        sender.data("nohover", sender.attr("src"))
    })
    var fristSender = $('#piclist a:first');
    foucuCount = $("#piclist a").length;
    $("#bigpiclink").attr("href", fristSender.attr("href"));
    var bigpicSender = $("#bigpiclink").children("img");
    var senderImg = fristSender.children("img");
    //var senderSpan = fristSender.children("span");
    //$("#bigPicBox span").html(senderSpan.html());
    bigpicSender.attr("src", senderImg.attr("alt"));
    senderImg.attr("src", senderImg.data("hover"));
    $("#piclist a").bind("mouseover", FocusChange)
    $("#piclist a").bind("mouseout", FocusOut)
    foucuIndex++;
    interval = setInterval("focusNewRun()", 5000);
})
function FocusOut() {
    interval = setInterval("focusNewRun()", 5000);
    foucuIndex = $("#piclist a").index($(this));
}
function FocusChange() {
    var sender = $(this);
    $("#bigpiclink").attr("href", sender.attr("href"));
    var bigpicSender = $("#bigpiclink").children("img");
    var senderImg = sender.children("img");
    //var senderSpan = sender.children("span");
    bigpicSender.attr("src", senderImg.attr("alt"));
    $("#piclist a").each(function() {
    var sender = $(this);
    var senderImg = sender.children("img");
    senderImg.attr("src", senderImg.data("nohover"));
    })
    senderImg.attr("src", senderImg.data("hover"));
    //$("#bigPicBox span").html(senderSpan.html());
    clearInterval(interval);
}

function focusNewRun() {
    $("#piclist a").each(function() {
        var sender = $(this);
        var senderImg = sender.children("img");
        senderImg.attr("src", senderImg.data("nohover"));
    })
    var fristSender = $('#piclist a')[foucuIndex];
    $("#bigpiclink").attr("href", fristSender.href);
    var bigpicSender = $("#bigpiclink").children("img");
    var senderImg = $('#img' + foucuIndex);
    //var senderSpan = $('#title' + foucuIndex);
    bigpicSender.attr("src", senderImg.attr("alt"));
    //$("#bigPicBox span").html(senderSpan.html());
    senderImg.attr("src", senderImg.data("hover"))
    if (foucuCount-1 <= foucuIndex) {
        foucuIndex = 0;
    }
    else {
        foucuIndex++;
    }
}