var global_page=0;
var flagNum = 1;
var classId = null;
$(function() {
    $("#focus").hover(function() { $(".btn").show(); }, function() { $(".btn").hide(); })
    $("#focusMain").width(966 * ($("#focus .area").size() + 1))
    $("#nav li").mouseover(function() {
        $("#nav li").removeClass("current");
        $(this).addClass("current");
    })
    $("#nav li").mouseout(function() {
        $("#nav li").removeClass("current");
        $("#" + classId).addClass("current");
    })
})
function gundong(n) {
    $("#focusMain").animate({ marginLeft: "-" + n * 966 }, "slow");
    global_page = n;
    showPageTag();
}
showPageTag = function() {
    $("#pre_next").html("<a  class=\"turnLeft\" onclick=\"prev()\"></a>"
			+ "<a  class=\"turnRight\" onclick=\"next()\"></a>");
    if (global_page == 0) { $("#pre_next > a:eq(0)").remove(); }
    if (global_page == 6) { $("#pre_next > a:eq(1)").remove(); }
    switch (global_page) {
        case 0:
            $("#tags0").addClass("current");
            $("#tags1").removeClass("current");
            $("#tags2").removeClass("current");
            $("#tags3").removeClass("current");
            $("#tags4").removeClass("current");
            $("#tags5").removeClass("current");
            $("#tags6").removeClass("current");
            $("#tags7").removeClass("current");
            $("#tags8").removeClass("current");
            break;
        case 1:
            $("#tags0").removeClass("current");
            $("#tags1").addClass("current");
            $("#tags2").removeClass("current");
            $("#tags3").removeClass("current");
            $("#tags4").removeClass("current");
            $("#tags5").removeClass("current");
            $("#tags6").removeClass("current");
            $("#tags7").removeClass("current");
            $("#tags8").removeClass("current");
            break;
        case 2:
            $("#tags0").removeClass("current");
            $("#tags1").removeClass("current");
            $("#tags2").addClass("current");
            $("#tags3").removeClass("current");
            $("#tags4").removeClass("current");
            $("#tags5").removeClass("current");
            $("#tags6").removeClass("current");
            $("#tags7").removeClass("current");
            $("#tags8").removeClass("current");
            break;
        case 3:
            $("#tags0").removeClass("current");
            $("#tags1").removeClass("current");
            $("#tags2").removeClass("current");
            $("#tags3").addClass("current");
            $("#tags4").removeClass("current");
            $("#tags5").removeClass("current");
            $("#tags6").removeClass("current");
            $("#tags7").removeClass("current");
            $("#tags8").removeClass("current");
            break;
        case 4:
            $("#tags0").removeClass("current");
            $("#tags1").removeClass("current");
            $("#tags2").removeClass("current");
            $("#tags3").removeClass("current");
            $("#tags4").addClass("current");
            $("#tags5").removeClass("current");
            $("#tags6").removeClass("current");
            $("#tags7").removeClass("current");
            $("#tags8").removeClass("current");
            break;
        case 5:
            $("#tags0").removeClass("current");
            $("#tags1").removeClass("current");
            $("#tags2").removeClass("current");
            $("#tags3").removeClass("current");
            $("#tags4").removeClass("current");
            $("#tags5").addClass("current");
            $("#tags6").removeClass("current");
            $("#tags7").removeClass("current");
            $("#tags8").removeClass("current");
            break;
        case 6:
            $("#tags0").removeClass("current");
            $("#tags1").removeClass("current");
            $("#tags2").removeClass("current");
            $("#tags3").removeClass("current");
            $("#tags4").removeClass("current");
            $("#tags5").removeClass("current");
            $("#tags6").addClass("current");
            $("#tags7").removeClass("current");
            $("#tags8").removeClass("current");
            break;
        case 7:
            $("#tags0").removeClass("current");
            $("#tags1").removeClass("current");
            $("#tags2").removeClass("current");
            $("#tags3").removeClass("current");
            $("#tags4").removeClass("current");
            $("#tags5").removeClass("current");
            $("#tags6").removeClass("current");
            $("#tags7").addClass("current");
            $("#tags8").removeClass("current");

            break;
        case 8:
            $("#tags0").removeClass("current");
            $("#tags1").removeClass("current");
            $("#tags2").removeClass("current");
            $("#tags3").removeClass("current");
            $("#tags4").removeClass("current");
            $("#tags5").removeClass("current");
            $("#tags6").removeClass("current");
            $("#tags7").removeClass("current");
            $("#tags8").addClass("current");

            break;
        default:
            break;
    }
}

function bigImgXunhaun() {
    if (global_page == 6) {
        flagNum = -1;
    }
    if (global_page == 0) {
        flagNum = 1;
    }
    global_page = global_page + flagNum;
    if (flagNum == 1) { $("#focusMain").animate({ marginLeft: "-=966px" }, "slow"); }
    if (flagNum == -1) { $("#focusMain").animate({ marginLeft: "+=966px" }, "slow"); }
    showPageTag();
}
function next() {
    global_page = global_page + 1;
    $("#focusMain").animate({ marginLeft: "-=966px" }, "slow");
    showPageTag();
}
function prev() {
    global_page = global_page - 1;
    $("#focusMain").animate({ marginLeft: "+=966px" }, "slow");
    showPageTag();
}

function init() {
    bigImgXunhaun();
}

  //µ¼º½
    function navAction(navID) {
        var strClass = 'current'
        if (navID == "nav5") { strClass += ' jionL'; }
        $('#' + navID).addClass(strClass);
        classId = navID;
    }