var ua = window.navigator.useragent,isandroid = (/android|htc/i.test(ua)),isipad = !isandroid && /ipad/i.test(ua),isiphone = !isandroid && /ipod|iphone/i.test(ua),isios = isipad || isiphone,clearanimatea = null;
var teststyle=document.createelement('div').style,
camelcase=function(str){
    return str.replace(/^-ms-/, "ms-").replace(/-([a-z]|[0-9])/ig, function(all, letter){
        return (letter+"").touppercase();
    });
},
cssvendor=(function(){
    var ts=teststyle,
        cases=['-o-','-webkit-','-moz-','-ms-',''],i=0;
    do {
        if(camelcase(cases[i]+'transform') in ts){
            return cases[i];
        }
    } while(++i<cases.length);
    return '';
})(),
transitionend=(function(){
    return ({
        '-o-':'otransitionend',
        '-webkit-':'webkittransitionend',
        '-moz-':'transitionend',
        '-ms-':'mstransitionend transitionend',
        '':'transitionend'
    })[cssvendor];
})(),
iscss = function(property){
    var ts=teststyle,
        name=camelcase(property),
        _name=camelcase(cssvendor+property);
    return (name in ts) && name || (_name in ts) && _name || '';
};
var liebaobrowser = {
    domanimation: function(ele){
        ele.detbtn.hover(function(){
            $(this).addclass('btn-hover');
        },function(){
            $(this).removeclass('btn-hover');
        });
        ele.navhover.hover(function(){
            $(this).find("i").addclass('nav-hover');
        },function(){
            $(this).find("i").removeclass('nav-hover');
        });
        ele.downbtn.hover(function(){
            $(this).addclass('down-btn');
        },function(){
            $(this).removeclass('down-btn');
        });
        ele.watchlb.hover(function(){
            ele.code.addclass('code-show').show();
        },function(){
            ele.code.removeclass('code-show').hide();
        });
        ele.fnli.hover(function(){
            var radiusele = $(this).find('div');
            $(this).addclass('span-img');
            if(ele.animation){
                radiusele.addclass('zoom');
            }else{
                radiusele.show();
            }
        },function(){
            var radiusele = $(this).find('div');
            $(this).removeclass('span-img');
            if(ele.animation){
                radiusele.removeclass('zoom');
            }else{
                radiusele.hide();
            }
        });
    },
    banslide: function(iteme,time,ele,speed){
        cleartimeout(clearanimatea);
        var length = ele.slide.length- 1;
        /*自动播放*/
        function autoplay() {
            iteme++;
            if (iteme == length+1) {
                iteme = 0;
                aniobj(iteme);
            }else{
                aniobj(iteme);
            }
            spancur(iteme);
            clearanimatea = settimeout(autoplay, time);
        }
        clearanimatea = settimeout(autoplay, time);
        /*点击切换动画*/
        function slideprev(e){
            e.preventdefault();
            if(!ele.slide.is(':animated')){
                if (iteme == 0) {
                    iteme = length;
                    aniobj(iteme);
                } else {
                    iteme--;
                    aniobj(iteme);
                }
                spancur(iteme);
            }
        };
        function slidenext(e){
            e.preventdefault();
            if(!ele.slide.is(':animated')){
                if (iteme == length) {
                    iteme = 0;
                    aniobj(iteme);
                } else {
                    iteme++;
                    aniobj(iteme);
                }
                spancur(iteme);
            }
        };
        /* 点击切换动画 */
        ele.slidecur.click(function() {
            cleartimeout(clearanimatea);
            ele.slidecur.removeclass('cur');
            $(this).addclass('cur');
            iteme = $(this).index();
            if (iteme <= length) {
                aniobj(iteme);
            }
        });
        /*执行动画方法*/
        function aniobj(getnum){
            ele.slide.hide().css({ opacity: 0.5,zindex: 0});
            ele.slide.eq(getnum).show().stop(true,true).animate({opacity:1,zindex:1},speed);
            if(ele.animation){
                ele.slide.removeclass('bananimate');
                ele.slide.eq(getnum).addclass('bananimate');
            }
        }
        /*当前动画指示*/
        function spancur(eqnum) {
            ele.slidecur.removeclass('cur');
            ele.slidecur.eq(eqnum).addclass('cur');
        }
        /* 触发执行事件 */
        ele.prev.click(slideprev);
        ele.next.click(slidenext);
        /* 手机上执行touch事件 */
        if(isios || isandroid){
            var touchmain = document.getelementbyid('touchmain');
            var page = {
                x:0,
                y:0
            }
            var touched;
            touchmain.addeventlistener('touchstart',function(e){
                cleartimeout(clearanimatea);
                page.x = e.changedtouches[0].pagex;
                page.y = e.changedtouches[0].pagey;
            });
            touchmain.addeventlistener('touchend',function(e){
                var pagex = e.changedtouches[0].pagex-page.x;
                var pagey = e.changedtouches[0].pagey-page.y;
                if(math.abs(pagex)>50){
                    if(pagex>0){
                        slideprev(e);
                    }else{
                        slidenext(e);
                    }
                }
                clearanimatea = settimeout(autoplay, time);
                touched=null;
            });
            /* 防止阻止touchend事件 */
            touchmain.addeventlistener('touchmove',function(e){
                if(null==touched){
                    var pagex = e.changedtouches[0].pagex-page.x;
                    var pagey = e.changedtouches[0].pagey-page.y;
                    touched=math.abs(pagex-page.x)<math.abs(pagey-page.y);
                }
                if(!touched)e.preventdefault();
            });
        }else{
            /*滑过主体区域停止动画*/
            ele.stopanimte.hover(function() {
                cleartimeout(clearanimatea);
            }, function() {
                clearanimatea = settimeout(autoplay, time);
            });
        }
        /*初始化动画*/
        ele.slide.eq(0).show().addclass('bananimate');
    },
    maximginit: function(ele){
        if(ele.windowmain.width()>760){
            ele.maximg.hover(function(){
                if(ele.animation){
                    $(this).addclass('aniimgstyle');
                }else{
                    $(this).addclass('imgstyle');
                }
            },function(){
                if(ele.animation){
                    $(this).removeclass('aniimgstyle');
                }else{
                    $(this).removeclass('imgstyle');
                }
            });
        }else{
            return false;
        }
    },
    windowevent: function(ele){
        if(!isios && !isandroid){
            if(ele.windowmain.height() < 640){
                ele.downlaodmain.removeclass('position');
                ele.downlaodmain.addclass('padding');
            }else{
                ele.downlaodmain.removeclass('padding');
                ele.downlaodmain.addclass('position');
            }
        }
    },
    flipobj: function(ele,time){
        if(!isios && !isandroid){
            settimeout(function(){
                if(ele.animation){
                    ele.codeimg.show().addclass('flip');
                    ele.phoneimg.hide();
                }else{
                    ele.codeimg.show();
                    ele.phoneimg.hide();
                }
            },time);
            ele.phoneimg.click(function(){
                ele.phoneimg.hide().removeclass('flip');
                ele.codeimg.show().addclass('flip');
            });
            ele.codeimg.click(function(){
                ele.codeimg.hide().removeclass('flip');
                ele.phoneimg.show().addclass('flip');
            });
        }else{
            $('.pc-download').css({position:'absolute',left:'0',zindex:'11',top:'156px;'});
            $('.phone-download').css({position:'absolute',left:'0',zindex:'12',top:'-156px'});
        }
    },
    stajs: function(){
        $(document).on('click','a',function(e){
            var statdata = $(this).attr('stat');
            try {
                _hmt.push(['_trackevent',statdata, 'weblb', 'click', 'download',statdata]);
            } catch (e) {}
        });
    },
    init: function(ele){
        liebaobrowser.banslide(0,5000,ele,500);
        liebaobrowser.domanimation(ele);
        liebaobrowser.windowevent(ele);
        liebaobrowser.maximginit(ele);
        ele.windowmain.on('resize',function(){
            liebaobrowser.windowevent(ele);
            liebaobrowser.maximginit(ele);
        });
        liebaobrowser.flipobj(ele,2000);
        liebaobrowser.stajs();
    }
};
$(function(){
    var domele = {
		navhover: $('.nav-main a'), detbtn: $('.details'),
		maximg: $('.news-img'), fnli: $('.ft-list li'), 
		animation: iscss('animation'), watchlb: $('#watch-lb'), 
		code: $('.watch-code'), 
		downbtn: $('.beta-info a'), 
		downlaodmain: $('.downlaod-main'), 
		windowmain: $(window), 
		bodyele: $('body'), 
		stopanimte: $('.slide,.prev,.next,.iteme'), 
		prev: $('.prev'),
		next: $('.next'), 
		slide: $('.slide'), 
		slidecur: $('.iteme a'),
		phoneimg: $('.phone-img'),
		codeimg: $('.code-img') 
	};
	domele.downlaodmain.show();
	liebaobrowser.init(domele);
});