/**
	home.js for home by Evance
	2010-03-07
**/
$().ready(function() {//ready start
    /******  Init  *********/
    var mainSlide = {//init mainSilde
            "index":0,
            "time":5000,
            "obj":$("#main-slide ul"),
            "size":$("#main-slide ul li").length,
            "trigger":$("#main-slide ol li"),
            "start":function(index) {
                mainSlide.obj.animate({
                    "top":-250*index
                },400)
                mainSlide.trigger.eq(4-index).addClass("current")// "+3" for the HTML structure
                                           .siblings().removeClass("current");
                return mainSlide.index = index;
            }
        }
        
    $("div.sample ul.group,#panel-collection ul.sample").each(function() {//init miniSilde
        var num = $(this).find("li").length;
        $(this).attr({
                        "size":num,
                        "index":1
                     });
    });

    /********** event function ********/
    //main-slide
    $("#main-slide ol li").bind({
        "click":function() {
            var index = parseInt($(this).text()) - 1;
            mainSlide.start(index);
        }
    })

    setInterval(function(){
        mainSlide.index = mainSlide.index == mainSlide.size ? 0 : mainSlide.index;
        mainSlide.start(mainSlide.index)
        return mainSlide.index++;
    },5000)

    //promotion-tab
    $("#promotion-tab dt").bind({
        "mouseover":function() {
            $(this).siblings("dd").hide()
            $(this).next().show();
            $(this).find("span").addClass("selected")
            $(this).siblings().find("span").removeClass("selected")
        }
    })
    //panel-collection
    $("#panel-collection li.jq-next").bind({
        "click":function() {
            var moveObj = $("#panel-collection .content ul"),
                index = parseInt(moveObj.attr("index")),
                size = parseInt(moveObj.attr("size"));
            if(size-index>=5) {
                $("#panel-collection .content ul").animate({
                    "left":"-=700"
                },1000)
                moveObj.attr("index",index+5)
            }
        }
    })
    $("#panel-collection li.jq-pre").bind({
        "click":function() {
            var moveObj = $("#panel-collection .content ul"),
                index = parseInt(moveObj.attr("index")),
                size = parseInt(moveObj.attr("size"));
            if(index >= 6) {
                $("#panel-collection .content ul").animate({
                    "left":"+=700"
                },1000)
                moveObj.attr("index",(index-5))
            }
        }
    })
    //miniSlide
    $("div.sample li.jq-next").bind({
        "click":function() {
            var moveObj = $(this).parents(".sample").find("ul.group"),
                index = parseInt(moveObj.attr("index")),
                size = parseInt(moveObj.attr("size"));
            if(size -index >= 3) {
                moveObj.animate({
                    "left": "-=345"
                },400)
                moveObj.attr("index",index+3)
            }
        }
    })
    $("div.sample li.jq-pre").bind({
        "click":function() {
            var moveObj = $(this).parents(".sample").find("ul.group"),
                index = parseInt(moveObj.attr("index")),
                size = parseInt(moveObj.attr("size"));
            if(index >=4) {
                moveObj.animate({
                    "left": "+=345"
                },400)
                moveObj.attr("index",(index-3))
            }
        }
    })
    //hot-box switch
    var hotBoxObj = $("#hot-box ul.group");
    hotBoxObj.attr({
        "pre":"false",
        "next":"true"
    })
    jQuery("#hot-box li.jq-next").bind({
        "click":function() {
            if(hotBoxObj.attr("next") == "true") {
                hotBoxObj.animate({
                    "left":"-=415" + "px"
                },function() {
                    $(this).attr({
                        "next":"false",
                        "pre":"true"
                    })
                })
            }
        } 
    })
    jQuery("#hot-box li.jq-pre").bind({
        "click":function() {
            if(hotBoxObj.attr("pre") == "true") {
                hotBoxObj.animate({
                    "left":"+=415" + "px"
                },function() {
                    $(this).attr({
                        "next":"true",
                        "pre":"false"
                    })
                })
            }

        }
    })
    //popup category menu
    $("ul.list > li").mouseenter(function(){
    	$(this).children("div.sub-cate").css({
                                            "top": $(this).position().top - $(this).height() / 2 + 5
                                        })
                                        .removeClass("hidden");
    }).mouseleave(function(){
    	$(this).children("div.sub-cate").addClass("hidden");
    });
//ready end
})