$(document).ready(function () {

    //$("#hero_txt0").hide();
    //$("#hero_txt1").hide();
    //$("#hero_txt2").hide();

    $("#slider").easySlider({
        continuous: true
			    , controlsShow: false
    });

    //start of video slider
    $("#video_slider").each(function () {
        var obj = $(this);
        var s = $("li", obj).length;
        var w = $("li", obj).width();
        var iw = $("li img", obj).width() + 5;
        obj.css("overflow", "hidden");
        var ts = s - 1;
        var t = 0;
        $("ul", obj).css("width", s * iw);
        $("li", obj).css("float", "left");

        //var btnP, btnN = '';
        //btnP = '<div style="float:left;left:-40px; top:0px; width:24px; height:24px" id="divPrev">' +
        //        '<span id="btnPrev"><a href=\"javascript:void(0)\"><img src=\"images/home/left_arrow.png\" border=\"0\" alt=\"previous\" title=\"previous\"/></a></span></div>';
        //btnN = '<div style="float:right;left:' + (w + 10) + 'px; top:0px; width:24px; height:24px" id="divNext">' +
        //        '<span id="btnNext"><a href=\"javascript:void(0)\"><img src=\"images/home/right_arrow.png\" border=\"0\" alt=\"next\" title=\"next\"/></a></span></div>';

        //$(obj).before(btnP);
        //$(obj).after(btnN);

        //$("#navs").hide();

        //$(obj).hover(function() {
        //mouseover
        //    $("#navs").show();
        //}, function() {
        //mouseout
        //$("#navs").hide();
        //});

        $("#btnNext").click(function () { slideImage("next", true); });
        $("#btnPrev").click(function () { slideImage("prev", true); });

        function slideImage(dir, clicked) {
            var ot = t;
            switch (dir) {
                case "next":
                    t = (ot > ts - 2) ? 0 : t + 1;
                    break;
                case "prev":
                    t = (t <= 0) ? 0 : t - 1;
                    break;
                case "first":
                    t = 0;
                    break;
                case "last":
                    t = ts;
                    break;
                default:
                    break;
            }

            var diff = Math.abs(ot - t);
            var speed = diff * 300;
            var p = (t * iw * -1);
            $("ul", obj).animate({ marginLeft: p }, speed);
            if (clicked) clearTimeout(timeout);

            //for auto - do this
            //timeout = setTimeout(function() {
            //    slideImage("next", false);
            //}, diff * 800 + 5000);

        };

        //for automatic do this.
        var timeout;
        //timeout = setTimeout(function() {
        //    slideImage("next", false);
        //}, 5000);

    });
});