//menu
$(document).ready(function(){
  
  $('.mainlevel').mousemove(function(){
  $(this).find('ul').show();//.slideDown();//you can give it a speed
  });
  $('.mainlevel').mouseleave(function(){
  $(this).find('ul').hide();
  });

});


var curr = -1;
var lock = true;
var lock2 = true;
var c2 = 0;
function load() {
    if (lock == true && lock2 == true) {
        lock = false;
        var imgDivs = $("#lhgg>div");
        var Myli = $("#lhgg>ul>li");
        var tit = $("#lhgg>span");
        var imgNums = imgDivs.length; //ͼƬÊýÁ¿            
        c2 = curr; //alert(c2)
        if (curr + 1 < imgNums) {
            curr = curr + 1;
        }
        else {
            curr = 0;
        }
        imgDivs.each(function (i) {
            $(imgDivs[i]).css({ "background": "#ffffff", "color": "#000000", "z-index": "0" });
            $(Myli[i]).css({ "background": "#ffffff", "color": "#000000" });
        });
        $(imgDivs[c2]).css({ "z-index": "1", "color": "#ffffff" });
        $(Myli[imgNums - curr - 1]).css({ "background": "#74a8ed", "color": "#fff" });
        $(imgDivs[c2]).stop().fadeOut(1200);
        $(imgDivs[curr]).stop().show();
        lock = true;
    }
    window.setTimeout("load()", 3500);
}
$(document).ready(function () {
    var Divs = $("#lhgg");
    var imgDivs = $("#lhgg>div");
    var imgNums = imgDivs.length; //ͼƬÊýÁ¿
    var htm = "";
    imgDivs.each(function (i) {
        htm = htm + "<li>" + (imgNums - i) + "</li>";
    });
    $(Divs).html($(Divs).html() + "<ul class='xh'>" + htm + "</ul>");
    $("#lhgg").hover(function () {
        lock2 = false
    },
  function () {
      lock2 = true;
  });

    var Myli = $("#lhgg>ul>li");
    var xh = $("#lhgg>ul>li");
    $(imgDivs).each(function (i) {
        xh[imgNums - i - 1].onclick = function () {
            if (lock == true && curr != i) {
                lock = false;
                imgDivs.each(function (j) {
                    $(Myli[j]).css({ "background": "#ffffff", "color": "#000000" });
                });
                var imgDivs2 = $("#lhgg>div");
                $(Myli[imgNums - i - 1]).css({ "background": "#74a8ed", "color": "#fff" });
                $(imgDivs2[curr]).css({ "z-index": "1", "color": "#ffffff" });
                $(imgDivs2[curr]).fadeOut(500, function () { lock = true; });
                $(imgDivs2[i]).css({ "z-index": "0", "color": "#ffffff" });
                $(imgDivs2[i]).stop().show();
                curr = i;
            }
        };
    });
    load();
});