$(function () {
   // firstShow();
    huanying();

    menu();
  //  aboutUs();


})

$(window).resize(function () {
    var offset = $('#wrapper').offset();
    $("#cover").css("left", offset.left).css("top", offset.top);
});


var selectedclass = "home";
var subSelected = "";
var overedclass = "home";

function menu() {
  //  $("#table_aboutUsContent td").hide();

    $("#menuTable td span").hover(function () {
        $(this).text($(this).attr("chinese"));
    }, function () { $(this).text($(this).attr("name")); });

    $("#menuTable tr.subMenu td span").bind("click", function () {
        $("." + selectedclass).hide();
        selectedclass = $(this).attr("class").split("_")[1];
        subSelected = $(this).attr("id").split("_")[1];
        $("." + selectedclass).show();
        $("." + selectedclass + "Sub span").removeClass("subSelected");
        $("#" + subSelected).addClass("subSelected");
        $(".sub_" + overedclass).hide(); 
        //alert(subSelected);
        if (selectedclass == "ourWorks") {
            $(".selected").css("opacity", "0.5").removeClass("selected");
           
             $(".thumbs li." + subSelected).addClass("selected").css("opacity", "1");
        }
        if (selectedclass == "aboutUs") {
          
            $("#table_aboutUsContent td").hide();
            $("#td_" + subSelected).show();
        }
        $.scrollTo("#searchImg", 800);

    });

    $("#topMenu td span").mouseover(function () {
        $(".sub_" + overedclass).hide();
        overedclass = $(this).attr("id");
        $(".sub_" + overedclass).show();
    });

    $("#topMenu td span").bind("click", function () {
        $("." + selectedclass).hide();
        selectedclass = $(this).attr("id");
        $("." + selectedclass).show();
        $(".sub_" + overedclass).hide();
        $("#topMenu td span").removeClass("selectedclass");
        $(this).addClass("selectedclass");
        $.scrollTo("#searchImg", 800);

        if (selectedclass == "contact") {
            beijingmaping();
            hkmaping();
        }
        if (selectedclass == "aboutUs") {
            subSelected = "OurVision";
            $("#" + subSelected).addClass("subSelected");
        }
    });

    $(".goto").bind("click", function () {
        //  alert(overedclass);
        $("." + selectedclass).hide();
        selectedclass = $(this).attr("name");
       // alert(selectedclass);
        $("#topMenu td span").removeClass("selectedclass");
        $("#" + selectedclass).addClass("selectedclass");
        $("." + selectedclass).show();
        $.scrollTo("#searchImg", 800);

        if (selectedclass == "contact") {
            beijingmaping();
            hkmaping();
        }

    });

    $(".aboutUsSub span").bind("click", function () {
        $(".aboutUsSub span").removeClass("subSelected");
        $(this).addClass("subSelected");
        subSelected = $(this).attr("id");
        $(".aboutUstd").hide();
        $("#td_" + subSelected).show();
        //   $.scrollTo("#td_" + subSelected, 800);

    });


    $(".about_left span").bind("click", function () {
        $.scrollTo("#"+$(this).attr("class"), 800);
    })



}

//function aboutUs() { 

  //  $(".aboutUsSub span").mouseover(function () {

    //    $("#aboutUsContents").load("/Home/AboutUs_" + $(this).attr("id") + "Part");
       

   // });
  
//}

function firstShow() {
    $("#huanying").hide();
    $("#main").show();
    $("#cover").show();
    $('#wrapper').show();
    $('#contents').show();
    var offset = $('#wrapper').offset();
 
    $("#cover").css("left", $('#wrapper').offset().left);
    
    $("#cover").animate({ "height": "-=237px" }, 7000);
    setTimeout(function () {
        slider();
    }, 9000);
    setTimeout(function () {
      
        $('#cover').fadeOut("slow");
    }, 10000);

}

function huanying() {
   

    $("#logo01hong").click(function () {
        firstShow();
    });
    $("#logo01hui").mouseover(function () {

        $("#logo01hui").hide();
        $("#logo01hong").show();
    });
    $("#logo01hong").mouseout(function () {
        $("#logo01hong").hide();
        $("#logo01hui").show();
    });

}

function slider() {
    $('#slider').nivoSlider({
        effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
        slices: 15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed: 500, // Slide transition speed
        pauseTime: 6000, // How long each slide will show
        startSlide: 0, // Set starting Slide (0 index)
        directionNav: false, // Next & Prev navigation
        directionNavHide: false, // Only show on hover
        controlNav: true, // 1,2,3... navigation
        controlNavThumbs: false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel: false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav: true, // Use left & right arrows
        pauseOnHover: false, // Stop animation while hovering
        manualAdvance: false, // Force manual transitions
        captionOpacity: 0.8, // Universal caption opacity
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        beforeChange: function () { }, // Triggers before a slide transition
        afterChange: function () { }, // Triggers after a slide transition
        slideshowEnd: function () { }, // Triggers after all slides have been shown
        lastSlide: function () { }, // Triggers when last slide is shown
        afterLoad: function () { } // Triggers when slider has loaded
    });

}