( function ( w , d ) {
	( function pageabouts () {

		if ( !d.getelementbyid ( 'pageabout' ) ) return;
		var pageabout = $( '.pageabout a' );
		pageabout.each( function () {
			if ( $( this ).attr( 'href' ).split('=').pop() == win.href().split( '=' ).pop() ) $( this ).addclass( 'act' );
		} );
		
		if ( !d.getelementbyid( 'pageaboutbanner' ) ) return;
		var pageaboutbanner = d.getelementbyid( 'pageaboutbanner' ) ,
			img = d.getelementbyid( 'pageabout' ).getelementsbytagname( 'img' );
		var ul = d.createelement( 'ul' ) , 
			div = d.createelement( 'div' ) ,
			span = d.createelement( 'span' ) ,
			em = [];
		var txt = [];
		div.appendchild( span );div.appendchild( d.createelement( 'strong' ) );

		function imgtodo ( el , i ) {
			var li = d.createelement( 'li' );em[ i ] = d.createelement( 'em' );
			span.appendchild( em[ i ] ); ul.appendchild( li );
			li.innerhtml = el.outerhtml;
			css( li , { 'overflow' : 'hidden' , 'width' : 100 / len + '%' , 'float' : 'left' } );
			txt[ i ] = attr.add( el , 'alt' )[ 0 ];
			el.parentnode.removechild( el );
		};
		for (var i = 0 , len = img.length ; i < len ; i++) imgtodo ( img[ 0 ] , i );
		css( ul , { 'width' : len * 100 + '%' , 'overflow' : 'hidden' } );
		pageaboutbanner.appendchild( ul );pageaboutbanner.appendchild( div );

		var $ul = $( '#pageaboutbanner ul' ) ,
			$em = $( '#pageaboutbanner em' ) ,
			$strong = $( '#pageaboutbanner strong' );
		var indexs = 1 , timer;
		function ani ( i ) {
			$ul.animate({ 'left' : i * -100 + '%' } , 500);
			$strong.html( txt[ i ] );
		};

		$em.click( function () {
			clearinterval( timer );
			indexs = $( this ).index();
			$( this ).addclass( 'act' ).siblings().removeclass( 'act' );
			ani( $( this ).index() );
			timer = setinterval(function () {
				++indexs;
				indexs %= len;
				$em.eq( indexs ).click();
			} , 2500);
		} );

		$em.eq( 0 ).click();
	} ());

	this.hist = function () {
		if ( !d.getelementbyid( 'historys' ) ) return;
		vue.component('aboutlist', {
			props: [ 'year' , 'content' , 'index' ],
			template: '<li @mouseenter="listenter"><div><h3>{{year}}</h3><p>{{content}}</p></div></li>',
			methods: {
				listenter: function () {
					this.$emit( 'li-enter' , this.index );
				}
			}
		});
		var his = new vue( {
			el: '#historys',
			data: {
				content: '',
				list: [
					{
						year: '2004年10月',
						txt: '山东咕果信息技术有限公司始建于2004年10月，总部设立在潍坊。'
					},
					{
						year: '2005年4月',
						txt: '与百度在线网络技术（北京）有限公司达成合作协议，成为中文搜索引擎——百度搜索的代理商。'
					},
					{
						year: '2007年4月',
						txt: '在泰安、莱芜地区成立分公司，同时成立了百度泰莱地区营销服务中心。公司规模达到百人以上，2007年成立客服部，销售部扩充至6个部门，公司规模达到百人以上。'
					},
					{
						year: '2008年',
						txt: '在济宁、菏泽成立分公司，同时成为百度济宁、菏泽地区营销服务中心。'
					},
					{
						year: '2008-2012年',
						txt: '高速发展，实现盈利，分公司人数突破200，整体规模上400人。'
					},
					{
						year: '2012年',
						txt: '完成百度品牌推广整合产品整合，代理了含品牌专区、品牌起跑线、企业百科等百度推广类产品。'
					},
					{
						year: '2013年',
						txt: '稳定扩张，人数破600。'
					},
					{
						year: '2014年',
						txt: '与百度糯米签约，负责潍坊、济宁、泰安、菏泽、莱芜五地的糯米业务。'
					},
					{
						year: '2015年',
						txt: '人数破800。'
					}
				]
			},
			methods: {
				lihover: function ( i ) {
					this.content = this.list[ i ].txt;
				}
			}
		} );
	}();

	this.pros = function () {
		if ( !d.getelementbyid( 'pros' ) ) return;
		var tac = oclass.get( 'uths' );

		for ( var i = 0 ; i < tac.length ; i++ ) {
			var li = tac[ i ].getelementsbytagname( 'li' );
			for (var j = 0; j < li.length; j++) {
				css( li[ j ] , {
					'width' : 100 / li.length + '%' ,
					'float' : 'left'
				} );
			};
		};
		var pros = d.getelementbyid( 'pros' ),
			a = pros.getelementsbytagname( 'a' ),
			len = a.length;
		for ( var i = 0 ; i < len ; i++ ) {
			a[ i ].onclick = function ( e ) {
				e = e || w.event;
				if ( this.getattribute( 'l-type' ) != 0 ) e.preventdefault();
				if ( this.getattribute( 'l-type' ) == 1 ) {
					var href = this.getattribute( 'l-href' ).split( '|' ).pop();
					if ( win.width() < 1200 ) {
						var cli = d.createelement( 'a' );
						cli.setattribute( 'target' , 'target' );
						cli.href = 'http://' + href;
						pros.appendchild( cli );
						cli.click();
						pros.removechild( cli );
					};
				};
			};
			a[ i ].onmouseenter = function () {
				if ( win.width() < 1200 || this.getattribute( 'l-type' ) != 1 ) return;
				var href = this.getattribute( 'l-href' ).split( '|' ).pop();
				if ( this.getelementsbytagname( 'div' ).length ) {
					var strong = this.getelementsbytagname( 'div' )[ 0 ];
				} else {
					var strong = d.createelement( 'div' );
					this.appendchild( strong );
					new qrcode( strong , {
						width : 160,
						height : 160,
						text: 'http://' + href
					} );
				};
			}
		};

		if ( !d.getelementbyid( 'numform' ) ) return;
		var formname = d.getelementbyid( 'formname' ) ,
			formtel = d.getelementbyid ( 'formtel' ) ,
			formtxt = d.getelementbyid ( 'formtxt' ) ,
			submit = d.getelementbyid ( 'submit' );
		submit.onclick = function ( e ) {
			e = e || w.event;
			if ( formname.value == '' ) {
				e.preventdefault();
				alert( '请输入公司名称或者您的称呼' );return;
			} else if ( formtel.value == '' ) {
				e.preventdefault();
				alert( '请输入您的联系方式' );return;
			} else if ( !/^((0\d{2,3}-\d{7,8})|(1[35847]\d{9}))$/.test( formtel.value ) ) {
				e.preventdefault();
				alert( '请输入正确的手机号' );return;
			} else if ( formtxt.value == '' ) {
				e.preventdefault();
				alert( '请输入您的需求' );return;
			};
		};
		var undermunadvfirst = oclass.get( 'undermunadvfirst' )[ 0 ].getelementsbytagname( 'span' ) ,
			len = undermunadvfirst.length;
		function balalineheight () {
			for ( var i = 0 ; i < len ; i++ ) {
				undermunadvfirst[ i ].style.lineheight = undermunadvfirst[ i ].parentnode.clientheight + 'px';
			}
		};
		balalineheight ();
		events.add( w , 'load' , balalineheight );
		events.add( w , 'resize' , balalineheight );
	}();

	this.case = function () {
		if ( !d.getelementbyid( 'pagelists' ) ) return;

		var sf = oclass.get( 'sf' )[ 0 ];

		var header = d.getelementbyid( 'header' );
		var height = header.offsetheight ,
			t = sf.getboundingclientrect().top;
		events.add( w , 'resize' , function () {
			height = header.offsetheight;t = sf.getboundingclientrect().top;
		} );
		events.add( w , 'scroll' , function () {
			if ( win.st() >= 525 - height ) {
				sf.style.csstext = 'position:fixed;top:'+height+'px;right:0;left:0;margin:auto;width:1400px;height:75px;z-index:999;';
			} else {
				sf.style.csstext = '';
			}
		} );

		if ( !d.getelementbyid( 'pagelei' ) ) return;
		var pagelistscase = d.getelementbyid( 'pagelistscase' );
		var listclass = oclass.get( 'listclass' ),
			act = oclass.get( 'act' , listclass[ 0 ] )[ 0 ] ,
			p = listclass[ 0 ].getelementsbytagname( 'p' )[ 0 ],
			nav = listclass[ 0 ].getelementsbytagname( 'nav' )[ 0 ];
		act.parentnode.parentnode.children[ 0 ].classname = 'act';
		
		function change () {
			if ( win.width() >= 640 ) {
				p.innerhtml = '产品类型';
				pagelistscase.classname = '';
				css( listclass[ 0 ] );
				listclass[ 1 ].style.display = '';
				listclass[ 2 ].style.display = '';
				nav.style.display = '';
				p.onclick = null;
			} else {
				listclass[ 1 ].style.display = 'none';
				listclass[ 2 ].style.display = 'none';
				nav.style.display = 'none';
				css( listclass[ 0 ] , {
					'padding' : 0 ,
					'margin' : 0
				} );
				p.innerhtml = '分类 +';

				p.onclick = function () {
					if ( pagelistscase.classname == '' ) {
						p.innerhtml = '产品类型';
						pagelistscase.classname = 'act';
						css( listclass[ 0 ] );
						listclass[ 1 ].style.display = '';
						listclass[ 2 ].style.display = '';
						nav.style.display = '';
					} else {
						p.innerhtml = '分类 +';
						pagelistscase.classname = '';
						listclass[ 1 ].style.display = 'none';
						listclass[ 2 ].style.display = 'none';
						nav.style.display = 'none';
						css( listclass[ 0 ] , {
							'padding' : 0 ,
							'margin' : 0
						} );
					}
				}
			}

		};
		change ();

		events.add( w , 'resize' , change );

	}();

	this.pagenewslist = function () {
		if ( !d.getelementbyid( 'pagenewslist' ) ) return;
		var pagenewslist = d.getelementbyid( 'pagenewslist' ).getelementsbytagname( 'a' );
		if ( d.getelementbyid( 'pagelei' ) ) var href = d.getelementbyid( 'pagelei' ).getattribute( 'data-lei' );
		else var href = win.href().split( '=' ).pop();
		for ( var i = 0 ; i < pagenewslist.length ; i++ ) 
			if ( href == pagenewslist[ i ].href.split( '=' ).pop() ) 
				pagenewslist[ i ].classname += ' act';
	}();

	this.mas = function () {
		var mas = $( '.mas' );
		if ( !mas.length ) return;
		mas.find( 'input[type="text"]' ).val( '' );
		mas.find( 'textarea' ).val( '' );
	}();


} ( window , document ) );