/* dunChong js */


/* 年份宽度计算 */

$(function(){
	var iW = $('.mc-year-wrap').width();
	var iLi  = iW / 3 - 1;
	var iLength = $('.mc-year-wrap li').length;

	$('.mc-year-wrap li').width(iLi);
	$('.mc-year-wrap ol').width( (iLi+1)*iLength );
});

/* 头部导航弹出 && 头部搜索框淡入*/

$(function(){

	$('.hd-menu b').click(function(){
		if($('#header dl').css('display') == 'none'){
			$('#header dl').stop().show(800);
		}else{
			$('#header dl').stop().hide(800);
		}
	});

	$('.hd-menu span').click(function(){
		$('#header dl').stop().hide(800,function(){
			if($('.hd-search').css('display') == 'none'){
				$('.hd-search').stop().show(800);
			}else{
				$('.hd-search').stop().hide(800);
			}
		});
	});

	$('#header dt').click(function(){
		$('#header dt').removeClass('click');
		$(this).addClass('click');

		$('#header dd').css('display','none')
		$(this).next().stop().slideDown(800);
	});

});

/* 4001百老汇会员登录 检索下拉框 */

$(function(){
	$('.pro_search dd').click(function(){
		$(this).find('ul').fadeIn(800);
		$(this).find('li').click(function(ev){
			ev.stopPropagation();
			$(this).parents('dd').find('h3').text($(this).text());
			$(this).parents('ul').hide();
		});
	});
});


/* 产品详情页 图片切换&& 信息切换 */

$(function(){
	$('.small-img a').click(function(){
		var sSrc = $(this).find('img').attr('src');
		$('.small-img a').removeClass('click').eq($(this).index()).addClass('click');
		$('.big-img img').attr('src',sSrc);
	});

	$('.pro_nav a').eq(0).addClass('click');
	$('.pro-details .con').eq(0).css('display','block');

	$('.pro_nav a').click(function(){
		$('.pro_nav a').removeClass('click').eq($(this).index()).addClass('click');
		$('.pro-details .con').css('display','none').eq($(this).index()).css('display','block');
	});

})

/* 案例页面 检索 */

$(function(){

	$('.search_index h3').click(function(){
		$('.type').removeClass('click');
		$(this).parent('.type').addClass('click');
		$(this).parents('.type').find('ul').fadeIn(800);
		$('.search_index li').click(function(ev){
			ev.stopPropagation();
			$(this).parents('.type').find('h3').text($(this).text());
			$(this).parents('ul').hide();
		});
	});
})

/* 索引匹配内容 */

$(function(){

	var aA = $('.pro_type a');
    var iIndex;

    for( var i=0;i<aA.length;i++){
        aA[i].index = i;
        aA[i].onclick = function(){
            iIndex = this.index;
            aA.removeClass('click').eq(iIndex).addClass('click');
            $('.install .con dl').css('display','none').eq(iIndex).css('display','block');
            $('.question_list ul').css('display','none').eq(iIndex).css('display','block');
        }
    } 

    $('.question_list ul').eq(0).css('display','block');
	$('.install dl').eq(0).css('display','block');

	$('.question_list h3').click(function(){

		if( $(this).next().css('display') == 'block'){
			$(this).removeClass('click');
			$(this).next().slideUp(600);
		}else{		

			$('.question_list h3').removeClass('click');
			$('.question_list li div').slideUp();
		
			$(this).addClass('click');
			$(this).next().slideDown(600);
		}
	});

});

/* main.js */

var dc = {};

dc.tools = {};

dc.tools.getStyle = function( obj,attr ){

	return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle( obj,false )[attr];

};

dc.tools.getByClass = function( oParent,sClass ){

	var aEle = oParent.getElementsByTagName( '*' );
	var arr = [];

	for( var i=0;i<aEle.length;i++ ){

		if( aEle[i].className == sClass ){

			arr.push( aEle[i] );

		}
	}

	return arr;
};

dc.ui = {};

dc.ui.fadeIn = function( obj ){

	var iCur = dc.tools.getStyle( obj,'opacity' );

	if( iCur == 1 ){ return false; }

	var value = 0;

	clearInterval( obj.timer);

	obj.timer = setInterval( function(){

		var iSpeed = 5;

		if( value == 100 ){
			clearInterval( obj.timer );
		}else{

			value += iSpeed;
			obj.style.opacity = value/100;
			obj.style.filter = 'alpha( opacity='+ value +' )';

		}

	},30 );

}

dc.ui.fadeOut = function( obj ){

	var iCur = dc.tools.getStyle( obj,'opacity' );

		if( iCur == 0 ){ return false; }

		var value = 100;

		clearInterval( obj.timer);

		obj.timer = setInterval( function(){

			var iSpeed = -5;

			if( value == 0 ){
				clearInterval( obj.timer );
			}else{

				value += iSpeed;
				obj.style.opacity = value/100;
				obj.style.filter = 'alpha( opacity='+ value +' )';

			}

		},30 );
};


dc.ui.doMove = function ( obj, attr, dir, tar, endFn ){
		
	dir = parseInt( dc.tools.getStyle( obj,attr ) )< tar ? dir : -dir ; 
	
	clearInterval( obj.timer );
	
	obj.timer = setInterval( function (){
		
		var iSpeed = parseInt( dc.tools.getStyle( obj,attr ) )+ dir ;
		
		if( iSpeed > tar && dir > 0 || iSpeed < tar && dir < 0 ){
			iSpeed = tar;
		}
		
		obj.style[attr] = iSpeed + 'px'; 
		
		if( iSpeed == tar ){
			clearInterval( obj.timer );
			endFn && endFn();
		}
			
	}, 50 );
};


dc.app = {};

dc.app.toBanner = function(){

	var oBanner = document.getElementById( 'banner' );
	var oUl = oBanner.getElementsByTagName( 'ul' )[0];
	var aLi = oUl.getElementsByTagName( 'li' );

	var oScroll_nav = dc.tools.getByClass( oBanner,'scroll_nav' )[0];
	var aA = oScroll_nav.getElementsByTagName( 'a' );

	var iNow = 0;

	aLi[0].style.opacity = 1;
	aLi[0].style.filter = 'alpha( opacity=100 )';

	var timer = setInterval( auto,3000 );

	function auto(){

		if( iNow == aLi.length-1 ){
			iNow = 0;
		}else{
			iNow++;
		}

		for( var i=0;i<aLi.length;i++ ){
			dc.ui.fadeOut( aLi[i] );
			aA[i].className = '';
		}

		dc.ui.fadeIn( aLi[iNow] );
		aA[iNow].className = 'hover';
	};

	oUl.onmouseover = oScroll_nav.onmouseover = function(){
		clearInterval( timer );	
	};
	oUl.onmouseout = oScroll_nav.onmouseout = function(){
		timer = setInterval( auto,3000 );
	};
	
	for( var i=0; i<aA.length; i++ ){
		aA[i].index = i;
		aA[i].onmouseover = function(){
			
			if( this.index == iNow ) return false;
			
			for( var i=0; i<aLi.length; i++ ){
				aA[i].className = '';
				dc.ui.fadeOut( aLi[i] );
			}
			
			this.className = 'hover';
			iNow = this.index;
		    dc.ui.fadeIn( aLi[iNow] );
		};
	}
};

dc.app.toRun = function( oParent,oUl,oLi ){

	var oSolution_list = document.getElementById( oParent );
	var oUl = oSolution_list.getElementsByTagName( oUl )[0];
	var aLi = oUl.getElementsByTagName( oLi );

	var oPrev_btn = dc.tools.getByClass( oSolution_list,'prev_btn' )[0];
	var oNext_btn = dc.tools.getByClass( oSolution_list,'next_btn' )[0];

	var oneSize = aLi[0].offsetWidth;
	var iNow = 0;

	oUl.innerHTML +=oUl.innerHTML;
	oUl.style.width = oneSize * aLi.length +'px';

	oPrev_btn.onclick = function(){

		if( iNow == 0 ){

			iNow = aLi.length/2;
			oUl.style.left  = -oUl.offsetWidth/2+'px';

		}

		dc.ui.doMove( oUl,'left',26,-(iNow-1 )* oneSize );
		iNow--;

	};

	oNext_btn.onclick = function(){

		if( iNow == aLi.length/2 ){

			iNow = 0;
			oUl.style.left  = 0;

		}

		dc.ui.doMove( oUl,'left',26,-(iNow+1 )* oneSize );
		iNow++;

	};

};

dc.app.toRun1 = function(){

	var oSolution_list = document.getElementById( 'year' );
	var oUl = oSolution_list.getElementsByTagName( 'ul' )[0];
	var aLi = oUl.getElementsByTagName( 'li' );

	var oAchieve_list = document.getElementById( 'achieve_list' );
	var aUl = oAchieve_list.getElementsByTagName( 'ul' );

	var oPrev_btn = dc.tools.getByClass( oSolution_list,'prev_btn' )[0];
	var oNext_btn = dc.tools.getByClass( oSolution_list,'next_btn' )[0];

	var oneSize = aLi[0].offsetWidth;
	var iNow = 0;


	// oUl.innerHTML +=oUl.innerHTML;
	oUl.style.width = oneSize * aLi.length +'px';

	oPrev_btn.onclick = function(){

		if( iNow == 0 ){

			return

		}

		dc.ui.doMove( oUl,'left',16,-(iNow-1 )* oneSize );
		iNow--;

	};

	oNext_btn.onclick = function(){
		if( iNow == aLi.length - 3 ){

			iNow = 0;
			dc.ui.doMove( oUl,'left',16,0 );
			return
		}

		dc.ui.doMove( oUl,'left',16,-(iNow+1 )* oneSize );
		iNow++;

	};

	for( var i=0;i<aLi.length;i++ ){

 		aLi[i].index = i%5;
 		aLi[i].onclick = function(){

			for( var i=0;i<aLi.length;i++ ){
				
 				aLi[i].className = '';
 				
 				aUl[i%5].style.display = 'none';

 			}

 			aLi[this.index].className = 'active';
 			aUl[this.index].style.display = 'block';
 		};
 	}


};
dc.app.toPlay = function(){

	var oPro_con = document.getElementById( 'pro_con' );
	var oUl = oPro_con.getElementsByTagName( 'ul' )[0];
	var aLi = oUl.getElementsByTagName( 'li' );
	var oOl = oPro_con.getElementsByTagName( 'ol' )[0];
	var aA = oOl.getElementsByTagName( 'a' );

	var num = 0;

	aLi[0].style.opacity = 1;
	aLi[0].style.filter = 'alpha(opacity=100)';

	var timer1 = setInterval( auto1,2000 );

	oPro_con.onmouseover = function(){
		clearInterval( timer1 );
	};
	oPro_con.onmouseout = function(){
		timer1 = setInterval( auto1,2000 );
	};

	for( var i=0; i<aA.length;i++ ){

		aA[i].index = i;
		aA[i].onclick = function(){

			for( var i=0;i<aLi.length;i++ ){
				aA[i].className = '';
				aLi[i].style.zIndex = 1; 
				dc.ui.fadeOut( aLi[i] );
			}

			num = this.index;
			aA[num].className = 'active';
			aLi[num].style.zIndex = 999; 
			dc.ui.fadeIn( aLi[num] );
		};

	}

	function auto1(){

		if( num == aA.length-1 ){
			num = 0;
		}else{
			num++;
		}

		for( var i=0;i<aA.length;i++ ){
			aA[i].className = '';
			aLi[i].style.zIndex = 1; 
			dc.ui.fadeOut( aLi[i] );
		}

		aA[num].className = 'active';
		aLi[num].style.zIndex = 999; 
		dc.ui.fadeIn( aLi[num] );

	};

};

dc.app.toChoise = function(){

	var oPs_wrap = document.getElementById( 'ps_wrap' );
	var aDd = oPs_wrap.getElementsByTagName( 'dd' );
	var aUl = oPs_wrap.getElementsByTagName( 'ul' );
	var aH3 = oPs_wrap.getElementsByTagName( 'h3' );

	for( var i=0;i<aUl.length;i++ ){

		aDd[i].index = i;
		aDd[i].onclick = function( ev ){
			//alert(1);

			var ev = ev || window.event;
			var This = this;

			for( var i=0;i<aUl.length;i++ ){

				aUl[i].style.display = 'none';

			}

			aUl[this.index].style.display = 'block';

			document.onclick = function(){

				aUl[This.index].style.display = 'none';

			};

			ev.cancelBubble = true;

		};
	}

	for( var i=0;i<aUl.length;i++ ){

		aUl[i].index = i;

		(function(ul){

			var aLi = ul.getElementsByTagName( 'li' );

			for( var i=0;i<aLi.length;i++ ){

				aLi[i].onmouseover = function(){
					this.className = 'active';
				};

				aLi[i].onmouseout = function(){
					this.className = '';
				};

				aLi[i].onclick = function(ev){

				var ev = ev || window.event;

				aH3[this.parentNode.index].innerHTML = this.innerHTML;
				ev.cancelBubble = true;
				this.parentNode.style.display = 'none';
			};

			}


		})(aUl[i])


	}
};

// dc.app.toOpen = function(){

// 	var oDc_side = document.getElementById( 'dc_side' );
// 	var aH4 = oDc_side.getElementsByTagName( 'h4' );
// 	var aDl = oDc_side.getElementsByTagName( 'dl' );
// 	var aSpan = oDc_side.getElementsByTagName( 'span' );

// 	for( var i=0;i<aH4.length;i++ ){

// 		aH4[i].index = i;

// 		aH4[i].onclick = function(){

// 			for( var i=0;i<aDl.length;i++ ){

// 				aDl[i].style.display = 'none';
// 				aH4[i].style.display = 'block';
// 				aSpan[i].style.display = 'block';

// 			}

// 			aH4[this.index].style.display = 'none';
// 			aSpan[this.index].style.display = 'none';
// 			aDl[this.index].style.display = 'block';

// 		}
// 	}

// };

$(function(){
	$(".top_r .search-box").hover(function(){
		$(this).find("input").eq(0).stop().animate({right: 40}, 400)
	}, function(){
		$(this).find("input").eq(0).stop().animate({right: -115}, 400)
	})
})

$(function(){

	$('.pro_index a').eq(0).addClass('click');
	$('.install_con dl').eq(0).css('display','block');
	$('.install_con ul').eq(0).css('display','block');

	$('.pro_index a').click(function(){

		$('.pro_index a').removeClass('click');
		$('.install_con dl').css('display','none');
		$('.install_con ul').css('display','none');

		$(this).addClass('click');
		$('.install_con dl').eq($(this).index()).css('display','block');
		$('.install_con ul').eq($(this).index()).css('display','block');
	});
});

$(function(){

	$('.install_con li').eq(0).addClass('click');

	$('.install_con li').click(function(){
		$('.install_con li').removeClass('click');

		$(this).addClass('click');
	});

});

$(function(){
	
});

function Hover(obj, calssName) {
	obj.hover(function(){
		$(this).addClass(calssName);
	},function(){
		$(this).removeClass(calssName);
	})
}