$(function () {
    slide(); //焦点图切换
    tab(); //tab切换
    picSlideToggle(); //slideToggle
    workScroll(); //获奖作品
    nav();
    $('.sidebar-tab').find('.tab-title li:last').width(94);
});

function nav() {
    $('#nav li').hover(function () {
        $(this).find('ul').stop().slideToggle();
    });
};


function slide(){
    var obj = $('.slide');
    var aLi = obj.find('ul li');
    var oLi = obj.find('ol li');
    var len = aLi.length;
    var i = 0; 
    var oPrev = $('.slide-prev');
    var oNext = $('.slide-next');
    var timer = null;

    aLi.eq(0).show().siblings().hide();

    oNext.click(function () {
        i++;
        if (i == len) {
            i = 0;
        }
        autoPlay(i);
    });

    oPrev.click(function () {
        i--;
        if (i == -1) {
            i = len-1;
        }
        autoPlay(i);
    });


    oLi.click(function () {
        i = $(this).index();
        autoPlay(i);
    }).eq(0).trigger('click');

    oLi.hover(function () {
        $(this).find('span').addClass('cur');
    }, function () {
        if (i != $(this).index()) { 
            $(this).find('span').removeClass('cur');
        }
    }).eq(0).find('span').trigger('mouseover');


    obj.hover(function () {
        clearInterval(timer);
    }, function () {
        timer = setInterval(function () { 
            i++;
            if (i == len) {
                i = 0;
            }
            autoPlay(i);
        }, 5000);
    }).trigger('mouseleave');

    function autoPlay(i) {
        oLi.eq(i).find('span').addClass('cur').parent('li').siblings().find('span').removeClass('cur');
        aLi.eq(i).fadeIn().siblings().fadeOut();
    };
};


function tab() {
    $('.tab').each(function () {
        var obj = $(this);
        var oTabTitle = obj.find('.tab-title');
        var oTanContainer = obj.find('.tab-container');
        
        oTanContainer.find('.tab-content:first').show();
        
        oTabTitle.find('li').hover(function () {
            var index = $(this).index();
            $(this).find('a').addClass('cur').parent('li').siblings('li').find('a').removeClass('cur');
            oTanContainer.find('.tab-content').eq(index).show().siblings().hide();
        }).eq(0).trigger('mouseover');

    });
};

function picSlideToggle() {
    $('.pic-container ul li').hover(function () {
        $(this).find('.title').stop().slideToggle();
    });
};


function workScroll(){
    var obj = $('#pic-container');
    var len = obj.find('li').length;
    var _width = obj.find('li').width() + 4;
    var dir = 'left';
    var timer = null;
    obj.find('ul').width(len * _width);
    $('.pic-next').click(function () {
        if (!obj.find('ul').is(':animated')) {
            obj.find('ul').stop().animate({ 'left': -_width }, 500, function () {
                $(this).css('left', 0).find('li:first').appendTo($(this));
            });
            dir = 'left';
        };
    });
    $('.pic-prev').click(function () {
        if (!obj.find('ul').is(':animated')) {
            obj.find('ul').css('left', -_width).find('li:last').prependTo(obj.find('ul'));
            obj.find('ul').stop().animate({ 'left': 0 }, 500);
            dir = 'right';
        };
    });
    obj.hover(function () {
        clearInterval(timer);
    }, function () {
        timer = setInterval(function () {
            dir = 'left' ? $('.pic-next').click() : $('.pic-prev').click();
        }, 2000);
    }).trigger('mouseleave');
};


function setTab(name,cursel,n){
 for(i=1;i<=n;i++){
  var menu=document.getElementById(name+i);
  var con=document.getElementById("con_"+name+"_"+i);
  menu.className=i==cursel?"hover":"";
  con.style.display=i==cursel?"block":"none";
 }};