/// <reference path="../jquery/jquery-cn.js" />

//var currentSlidePlayerIndex = 0;
//var totalSlidePlayerCount = $("#SlidePlayer .Slides").children("li").length;
//var setTimeoutSlidePlayer = null;
//$(document).ready(function() {
//    var html = '<ul class="SlideTriggers">';
//    for (var i = 0; i < totalSlidePlayerCount; i++) {
//        if (i == 0) {
//            html += '<li class="Current">1</li>';
//        } else {
//            html += '<li>' + (i + 1) + '</li>';
//        }
//        if ($("#SlidePlayer .Slides li").eq(i).hasClass("Current")) {
//            currentSlidePlayerIndex = i;
//        }
//    }
//    html += '</ul>';
//    $("#SlidePlayer .Slides").after(html);

//    setTimeoutSlidePlayer = setTimeout("changeSlidePlayer()", 5000);

//    $("#SlidePlayer .Slides li").mouseover(function() {
//        clearTimeout(setTimeoutSlidePlayer);
//    }).mouseout(function() {
//        setTimeoutSlidePlayer = setTimeout("changeSlidePlayer()", 5000);
//    });

//    $("#SlidePlayer .SlideTriggers li").mouseover(function() {
//        clearTimeout(setTimeoutSlidePlayer);
//        currentSlidePlayerIndex = parseInt($(this).html());
//        currentSlidePlayerIndex--;
//        if (currentSlidePlayerIndex < 0) {
//            currentSlidePlayerIndex = 0;
//        }
//        $("#SlidePlayer .Slides li.Current").removeClass("Current");
//        $("#SlidePlayer .SlideTriggers li.Current").removeClass("Current");
//        $("#SlidePlayer .Slides li").eq(currentSlidePlayerIndex).addClass("Current");
//        $("#SlidePlayer .SlideTriggers li").eq(currentSlidePlayerIndex).addClass("Current");
//    }).mouseout(function() {
//        setTimeoutSlidePlayer = setTimeout("changeSlidePlayer()", 5000);
//    });
//});

//function changeSlidePlayer() {

//    var oldSelectedSlides = $("#SlidePlayer .Slides li.Current");
//    var oldSelectedSlideTriggers = $("#SlidePlayer .SlideTriggers li.Current");

//    
//    $("#SlidePlayer .Slides li.Current").fadeTo(800, 0.7, function() {

//        oldSelectedSlides.removeClass("Current");

//        oldSelectedSlideTriggers.removeClass("Current");
//        $("#SlidePlayer .SlideTriggers li").eq(currentSlidePlayerIndex).addClass("Current");
//    });


//    
//    $("#SlidePlayer .Slides li").eq(currentSlidePlayerIndex).fadeTo(1, 0.3, function() {
//        $("#SlidePlayer .Slides li").eq(currentSlidePlayerIndex).addClass("Current");
//        $("#SlidePlayer .Slides li").fadeTo(4000, 1, null);
//    });

//    currentSlidePlayerIndex++;
//    if (currentSlidePlayerIndex == totalSlidePlayerCount) {
//        currentSlidePlayerIndex = 0;
//    }
//    setTimeoutSlidePlayer = setTimeout("changeSlidePlayer()", 5000);
//}



//var currentSlidePlayerIndex = 0;
var MaxFrame = 0;
var NowFrame = 1;
var t;
$(document).ready(function() {


    MaxFrame = $("#oTransContainer").children("a").length;
    var html = '<div class="slider_span" style="position:absolute;">';
    for (var i = 1; i <= MaxFrame; i++) {
        if (i == 1) {
            html += '<span onmouseover="gonow(' + i.toString() + ')" class="mouseon">' + i + '</span>';
        } else {
            html += '<span onmouseover="gonow(' + i.toString() + ')" class="mouseoff">' + i + '</span>';
        }
    }
    html += '</div>';

    $("#oTransContainer").append(html);


    if (document.getElementById("oTransContainer").filters == undefined) {
        t = setTimeout('fnToggle_FireFox()', 5000);
    } else {
        t = setTimeout('fnToggle_IE()', 5000);
    }
    
});

function fnToggle_FireFox() {

    //var oTransContainer = document.getElementById("oTransContainer");
    var next = NowFrame + 1;

    if (next == MaxFrame + 1) {
        NowFrame = MaxFrame;
        next = 1;
    }


        $("#oTransContainer a").eq(NowFrame - 1).children("img").fadeTo(800, 0.7, function() {
            $(this).css("display", "none");
            gonow(NowFrame);
            $("#oTransContainer a").eq(next - 1).children("img").fadeTo(1, 0.3, function() {
                $(this).css("display", "block");
                $(this).fadeTo(3000, 1, null);
            });
        }); 

    if (NowFrame == MaxFrame) {
        NowFrame = 1;
    }
    else {
        NowFrame++;
    }

    t = setTimeout('fnToggle_FireFox()', 10000);
}

function fnToggle_IE() {

    var oTransContainer = document.getElementById("oTransContainer");
    var next = NowFrame + 1;

    if (next == MaxFrame + 1) {
        NowFrame = MaxFrame;
        next = 1;
    }


    oTransContainer.filters[0].Apply();
   
    $("#oTransContainer a").eq(next-1).children("img").css("display", "block");
    $("#oTransContainer a").eq(NowFrame - 1).children("img").css("display", "none");

    oTransContainer.filters[0].Play(duration = 6);

    setTimeout('gospan(NowFrame)', 2000)
    if (NowFrame == MaxFrame) {
        NowFrame = 1;
    }
    else {
        NowFrame++;
    }

    t = setTimeout('fnToggle_IE()', 10000);
}

function gonow(cur) {
    $("#oTransContainer a").eq(cur - 1).children("img").css("display", "block");
    gospan(cur);
    if (cur != NowFrame) {
        $("#oTransContainer a").eq(NowFrame - 1).children("img").css("display", "none");
        NowFrame = cur;
    }
    clearTimeout(t);

    if (document.getElementById("oTransContainer").filters == undefined) {
        $("#oTransContainer a").eq(cur - 1).children("img").fadeTo(0.1, 1, null);
        t = setTimeout('fnToggle_FireFox()', 5000);
    } else {

        t = setTimeout('fnToggle_IE()', 5000);
    }

}

function gospan(cur) {
    $("#oTransContainer .slider_span span").removeClass("mouseon");
    $("#oTransContainer .slider_span span").eq(cur - 1).addClass("mouseon");
}