var isIE6 = !-[1,] && !window.XMLHttpRequest,
    isIE = !!window.ActiveXObject,
    isIE7 = isIE && navigator.appVersion.split(";")[1].replace(/[ ]/g,"")=="MSIE7.0";

/******************************************
***                                     ***
***          寄生组合式继承            ***
***                                     ***
******************************************/
function inheritPrototype(subType, superType) {
    function F(){};
    F.prototype = superType.prototype;

    var prototype = new F();

    prototype.constructor = subType;    //增强对象
    subType.prototype = prototype;      //指定对象
}


/******************************************
***                                     ***
***             模拟滚动条               ***
***                                     ***
******************************************/
function ImitateScroll(scrollBox, scrollObj, scrollBar, scrollBtn) {//scrollBox被滚动对象外框，scrollObj被滚动对象，scrollBar滚动条块，滚动条按钮
    this.init(scrollBox, scrollObj, scrollBar, scrollBtn);
}

ImitateScroll.prototype = {
    scale:function() {//被滚动对象与被滚动对象外框的高度比例计算
        return (this.scrollObj.scrollHeight/this.scrollBox.clientHeight);
    },
    scrollBtnMouseDown:function(ev) {//滚动按钮按下
        var _this = this;
        var disY = ev.clientY - this.scrollBtn.offsetTop;//鼠标Y坐标距离滚动按钮头部的距离
        var maxTop =  this.scrollBar.clientHeight - this.scrollBtn.offsetHeight;

        document.onmousemove = function(ev) {
            if (document.all) {//ie 禁止选择
                document.body.onselectstart = new Function("return false");
            } else {// chrome, ff
                $("body").addClass("chromeOnselectstart")
            }

            var oEvent = ev || event;
            var t = oEvent.clientY - disY;
            t = t>maxTop ? maxTop : t;
            t = t<0 ? 0 : t;

             _this.scrollBtn.style.top = t + "px";
             _this.scrollObj.style.top = -t / _this.scrollBar.clientHeight * _this.scrollObj.scrollHeight + "px";
        };
        document.onmouseup = function() {
            if (document.all) {//ie 解除禁止选择
                document.body.onselectstart = new Function("return true");
            } else {// chrome, ff
                $("body").removeClass("chromeOnselectstart")
            }

            document.onmousemove = document.onmouseup = null;//清除move和up事件
        };
    },
    scrollBoxMousewheel:function(ev) {//鼠标滚轮滚动
        var direct = 0;
        var topCur = this.scrollBtn.offsetTop;
        var maxTop =  this.scrollBar.clientHeight - this.scrollBtn.offsetHeight;
        //滚轮每次滚动，滚动按钮该走的距离，测试chrome滚8次差不多一屏
        var directTop = this.scrollBox.clientHeight / 8 / this.scrollObj.scrollHeight * this.scrollBar.clientHeight;
        directTop = directTop>0 ? Math.ceil(directTop) : Math.floor(directTop);

        stopDefault(ev);//禁止浏览器自身的滚动条滚动效果
        if (ev.wheelDelta)  {//IE/Opera/Chrome 
            direct = ev.wheelDelta;
        } else if (ev.detail) {//Firefox 
            direct = ev.detail * (-1);
        }

        if(parseFloat(direct) > 0) {
            var topEnd = topCur - directTop;
            if (topEnd < 0) {topEnd = 0;}
        } else {
            var topEnd = topCur + directTop;
            topEnd = topEnd>maxTop ? maxTop : topEnd;
        }

        this.scrollBtn.style.top = topEnd + "px";
        this.scrollObj.style.top = -topEnd / this.scrollBar.clientHeight * this.scrollObj.scrollHeight + "px";
    },
    init:function(scrollBox, scrollObj, scrollBar, scrollBtn) {//初始化
        this.scrollBox = typeof scrollBox == "string" ? document.getElementById(scrollBox) : scrollBox;
        this.scrollObj = typeof scrollObj == "string" ? document.getElementById(scrollObj) : scrollObj;
        this.scrollBar = typeof scrollBar == "string" ? document.getElementById(scrollBar) : scrollBar;
        this.scrollBtn = typeof scrollBtn == "string" ? document.getElementById(scrollBtn) : scrollBtn;
        var scale = this.scale();////被滚动对象与被滚动对象外框的高度比例

        if (scale <= 1) {//判断是否达到产生滚动条的条件
            this.scrollBar.style.display = "none";
            return;
        } else {
            this.scrollBar.style.display = "block";
        }

        // if(_this.scrollObj.scrollHeight+_this.scrollObj.offsetTop < _this.scrollBox.clientHeight)
        // {//判断被滚动对象是否滚过头了
        //   _this.scrollObj.style.top = _this.scrollBox.clientHeight-_this.scrollObj.scrollHeight+"px";
        // }

        //初始化滚动按钮的高度和top值
        this.scrollBtn.style.height = this.scrollBar.clientHeight / scale + "px";//设定滚动按钮的高度
        //this.scrollBtn.style.top = -this.scrollObj.offsetTop/this.scrollObj.scrollHeight*this.scrollBar.clientHeight + "px";

        var _this = this;
        this.scrollBtn.onmousedown = function(e) {//滚动按钮拖拽事件
            var e = e || event;
            _this.scrollBtnMouseDown(e);
        };

        //绑定滚轮事件
        if (this.scrollBox.addEventListener) {//ff3.5以下
            this.scrollBox.addEventListener("DOMMouseScroll", function(e) {
                var e = e || event;
                _this.scrollBoxMousewheel(e)
            }, false);
        }
        //W3C
        this.scrollBox.onmousewheel = function(e) {
            var e = e || event;
            _this.scrollBoxMousewheel(e)
        }; //IE/Opera/Chrome
    }
}

/******************************************
***                                     ***
***             移动上去上移10px      ***
***                                     ***
******************************************/
function topMove(el, topTarget) {
    topTarget = topTarget || 5;

    $(el).css("position", "relative").hover(function() {

        $(this).stop().animate({top: -topTarget}, 300);
    }, function() {

        $(this).stop().animate({top: 0}, 300);
    });
};


/******************************************
***                                     ***
***             滚动到位置               ***
***                                     ***
******************************************/
function scrollTo(target, time) {
    var $html = $("html, body")
        time = time || 1000;

    // 判断传入的是一个数字还是一个对象
    switch (typeof target) {

        case "number": 
            break;

        default:
            target = $(target).offset().top;
    }

    // 滚动过程中手动触发了滚轮事件，则停止滚动
    $html.on("mousewheel.scrollTo", function() {
        $("html, body").stop();
        $html.off("mousewheel.scrollTo");
    });

    // 开始滚动
    $("html, body").animate({scrollTop: target}, time, "easeInOutCubic", function() {
        
        $html.off("mousewheel.scrollTo");
    });
}


/******************************************
***                                     ***
***             图片占满                ***
***                                     ***
******************************************/
function imgFull(imgParent) {
    /***** 图片尺寸自适应父级容器，不变形
    * 不固定尺寸图片，确保在父级撑满
    * 如：图片高度比例小，则高度撑满，宽度超出截取
    * imgParent: 需要自适应的图片的父容器，也可为一组图片的祖先容器
    * 图片只撑满父级，非祖先级别
    */

    // 获取图片，如未传入参数，则获取data-img=full的图片
    var $imgArr = imgParent ? $(imgParent).find("img") : $("[data-img=full]"),
        len = $imgArr.length,
        i = 0;

    // 图片压缩(拉伸)裁剪
    function init() {
        var width = $(this).width(),
            height = $(this).height(),
            $parent = $(this).parent(),
            parentWidth = $parent.width(),
            parentHeight = $parent.height();

        // 判断长宽比例
        if (width/parentWidth < height/parentHeight) {

            $(this).width(parentWidth);
            $(this).height("auto");
            //alert(this.src);
            $(this).css({"position": "absolute", "left": "0", "top": -($(this).height() - parentHeight)/2});
        } else {

            $(this).width("auto");
            $(this).height(parentHeight);
            $(this).css({"position": "absolute", "top": "0", "left": -($(this).width()- parentWidth)/2});
        }

        // 判断是否加载完，隐藏loading图标
        if (++i == len) {
            removeLoading();
        }

        //$(this).stop().animate({opacity: 1}, 500);    
    }

    $imgArr.each(function() {
        var $parent = $(this).parent(),
            img = new Image(),
            $self = $(this);

        // 初始化父级超出隐藏
        $parent.css({"overflow": "hidden"});

        if ($parent.css("position") != "absolute") {

            $parent.css({"position": "relative"});
        }
        init.call($self[0]);
        // 图片加载完成执行压缩
        img.onload = img.onComplete = function() {

            init.call($self[0]);
            this.onload = this.onerror = null;
            img = null;
        };

        img.onerror = function() {

            img.onload = img.onerror = null;
            img = null;
        }

        img.src = $(this).attr("src");
    });
}
/******************************************
***                                     ***
***             loading移除               ***
***                                     ***
******************************************/
function removeLoading() {
    $("body").css("overflow", "visible");
    $("#loading").fadeOut();
};

$(function() {
    if ($("#loading")[0]) {
        $("body").css("overflow", "hidden");
    }
});

/******************************************
***                                     ***
***             导航区域自动收缩        ***
***                                     ***
******************************************/
var packupHeader,
    expansionHeader;

$(function() {

    /***** header ******************/ 
    (function() {
         var $header = $(".header"),
        //     $logo = $header.find(".logo a"),
        //     $guide = $header.find(".guide"),
             isExpansion = true;

        packupHeader = function() {

             if (isIE6) {return;}
            // $guide.stop().animate({opacity: 0}, 800, function() {
            //     $(this).hide();
            // });
            // $header.stop().animate({left: "-100%"}, 800, "easeInOutCubic").css("overflow","hidden");

            $header.stop().animate({left: "0"}, 800, "easeInOutCubic").css("overflow","visible");
            // $logo.stop().animate({height: 67}, 800, "easeInOutCubic");
             isExpansion = false;
        };
        expansionHeader = function() {

             if (isIE6) {return;}
             $header.stop().animate({left: "0"}, 800, "easeInOutCubic").css("overflow","visible");
             // $header.stop().animate({left: "-100%"}, 400, "easeInOutCubic");
            // $logo.stop().animate({height: 93}, 400, "easeInOutCubic");
            // $guide.show().stop().animate({opacity: 1}, 400);
             isExpansion = true;
        };
        $(window).on("scroll", function() {
            var scrollTop = $(this).scrollTop();

            if (scrollTop >= 400 && isExpansion) {

                packupHeader();
            } else if (scrollTop < 400 && isExpansion == false) {

                expansionHeader();
            }
        });
    })();
});

// Header
// $(function(){

//     // Header
//     (function() {
//         var $navLi = $(".nav li"),
//             $proseMenu = $(".prosemenu"),
//             $ulWrap = $(".prosemenuUl"),
//             $ul = $ulWrap.find("ul"),
//             isExpansion = false,
//             expansionType = 0,
//             $proseTopA = $(".prosemenuTop dd a"),
//             $proseBottomA = $(".prosemenuBot dd a");

//         // Header Other
//         $navLi.hover(function(){
//             var _height = $(this).find(".semenu").find(".semenuMid a").size()*36 + 17;

//             $(this).find(".semenu").stop().animate({"height":_height},200); 
//         }, function(){
//             $(this).find(".semenu").stop().animate({"height":"0"},200);
//         });

//         $(".semenu a").on("click", function() {
//             $(".semenu").stop().animate({"height":"0"},200);
//         });

//         // Header VEHICLES
//         $navLi.eq(2).on("mouseleave", function() {

//             $proseMenu.stop().animate({height: 0}, 200).hide();
//         }).find(".nav-tl").on("mouseenter", function () {

//             $proseMenu.stop().show().animate({height: 212}, 200);
//         });

//         // 初始化ul的宽度
//         $ul.each(function() {

//             $(this).width(function() {
//                 var $li = $(this).find("li");

//                 return $li.outerWidth()*$li.length;
//             });
//         });

//         var timer;

//         // 隐藏$ulWrap
//         function hideUlWrap() {
//             timer = window.setTimeout(function() {
//                 $proseTopA.removeClass("cur");
//                 $proseBottomA.removeClass("cur");
//                 $ulWrap.stop().animate({height: 0}, 500, function() {
//                     $proseMenu.height(212);
//                     isExpansion = false;
//                     expansionType = 0;
//                 });
//             }, 10);
//         };

//         $proseTopA.hover(function() {
//             var index = $(this).index();

//             clearTimeout(timer);
//             $proseMenu.height(439);
//             $proseTopA.removeClass("cur");
//             $proseBottomA.removeClass("cur");
//             $(this).addClass("cur");

//             // 判断显示的是哪屏 
//             if (expansionType != 1) {
                
//                 $ulWrap.find("ul").eq(0).css({left: -950*index});
//                 $ulWrap.find("ul").eq(1).stop();
//             } else {

//                 $ulWrap.find("ul").eq(0).stop().animate({left: -950*index}, 500, "easeInOutCubic");
//             }

//             // 判断默认是否展开
//             if (isExpansion) {
//                 $ulWrap.stop().animate({scrollTop: 0, height: 227}, 500);
//             } else {
//                 $ulWrap.scrollTop(0);       
//                 $ulWrap.stop().animate({height: 227}, 500);
//                 isExpansion = true;
//             }
//             expansionType = 1;
//         }, function() {

//             hideUlWrap();
//         });

//         $proseBottomA.hover(function() {
//             var index = $(this).index();

//             clearTimeout(timer);
//             $proseMenu.height(439);
//             $proseTopA.removeClass("cur");
//             $proseBottomA.removeClass("cur");
//             $(this).addClass("cur");

//             // 判断显示的是哪屏 
//             if (expansionType != 2) {

//                 $ulWrap.find("ul").eq(0).stop();
//                 $ulWrap.find("ul").eq(1).css({left: -950*index});
//             } else {

//                 $ulWrap.find("ul").eq(1).stop().animate({left: -950*index}, 500, "easeInOutCubic");
//             }
//             // 判断默认是否展开
//             if (isExpansion) {
//                 $ulWrap.stop().animate({scrollTop: 227, height: 227}, 500);
//             } else {
//                 $ulWrap.scrollTop(227);
//                 $ulWrap.stop().animate({height: 227}, 500);
//                 isExpansion = true;
//             }
//             expansionType = 2;

//         }, function() {

//             hideUlWrap();
//         });

//         $ulWrap.hover(function() {
//             clearTimeout(timer);
//         }, function() {
//             hideUlWrap();
//         });
//     })();

//     // global site
//     $(".global-site").hover(function() {
//         $(this).find("span").stop().slideDown();
//     }, function() {

//         $(this).find("span").stop().slideUp();
//     });
// });
// $(function() {
//  scrollTo(".cars-interior");
// })

// /**** 首页新闻自动滚动 *****/ 
// var $rmdCont = $(".index-news .cont"),
//  rmdTimer = null;

// function rmdAnimate() {
//  $rmdCont.stop().animate({scrollTop: 33}, 500, function() {

//      $rmdCont[0].scrollTop = 0;
//      $rmdCont.find("a").eq(0).appendTo($rmdCont);
//  });
// }
// if ($rmdCont.find("a").length >= 1) {
//  rmdTimer = setInterval(rmdAnimate, 5000);

//  $rmdCont.hover(function() {

//      clearInterval(rmdTimer);
//  }, function() {

//      rmdTimer = setInterval(rmdAnimate, 5000);
//  });
// }