$(function(){
	var page = 1;
    var i = 4; 
    $("span.next").click(function(){ 
	     var $parent = $("#gallery");
		 var $v_show = $("#galleryImages"); 
		 var $v_content =$("#galleryInner"); 
		 var v_width = $v_content.width() ;
		 var len = $v_show.find("li").length;
		 var page_count = Math.ceil(len / i) ; 
		 if( !$v_show.is(":animated") ){
			  if( page == page_count ){ 
				$v_show.animate({ left : '0px'}, "slow"); 
				page = 1;
				}else{
				$v_show.animate({ left : '-='+v_width }, "slow"); 
				page++;
			 }
		 }
   });
    $("span.prev").click(function(){
	     var $parent = $("#gallery");
		 var $v_show = $("#galleryImages");
		 var $v_content = $("#galleryInner");
		 var v_width = $v_content.width();
		 var len = $v_show.find("li").length;
		 var page_count = Math.ceil(len / i) ;  
		 if( !$v_show.is(":animated") ){ 
		 	 if( page == 1 ){ 
				$v_show.animate({ left : '-='+v_width*(page_count-1) }, "slow");
				page = page_count;
			}else{
				$v_show.animate({ left : '+='+v_width }, "slow");
				page--;
			}
		}
    });	
	
	var page1 = 1;
    var j= 4; 
    $("span.next1").click(function(){ 
	     var $parent1 = $("#gallery1");
		 var $v_show1 = $("#galleryImages1"); 
		 var $v_content1 =$("#galleryInner1"); 
		 var v_width1 = $v_content1.width() ;
		 var len1 = $v_show1.find("li").length;
		 var page_count1 = Math.ceil(len1 / j) ; 
		 if( !$v_show1.is(":animated") ){
			  if( page1 == page_count1 ){ 
				$v_show1.animate({ left : '0px'}, "slow"); 
				page1 = 1;
				}else{
				$v_show1.animate({ left : '-='+v_width1 }, "slow"); 
				page1++;
			 }
		 }
   });
    $("span.prev1").click(function(){
	     var $parent1 = $("#gallery1");
		 var $v_show1 = $("#galleryImages1");
		 var $v_content1 = $("#galleryInner1");
		 var v_width1 = $v_content1.width();
		 var len1 = $v_show1.find("li").length;
		 var page_count1 = Math.ceil(len1 / j) ;  
		 if( !$v_show1.is(":animated") ){ 
		 	 if( page1 == 1 ){ 
				$v_show1.animate({ left : '-='+v_width1*(page_count1-1) }, "slow");
				page1 = page_count1;
			}else{
				$v_show1.animate({ left : '+='+v_width1 }, "slow");
				page1--;
			}
		}
    });	
	
	var page2 = 1;
    var k= 4; 
    $("span.next2").click(function(){ 
	     var $parent1 = $("#gallery2");
		 var $v_show1 = $("#galleryImages2"); 
		 var $v_content1 =$("#galleryInner2"); 
		 var v_width1 = $v_content1.width() ;
		 var len1 = $v_show1.find("li").length;
		 var page_count1 = Math.ceil(len1 / k) ; 
		 if( !$v_show1.is(":animated") ){
			  if( page2 == page_count1 ){ 
				$v_show1.animate({ left : '0px'}, "slow"); 
				page2 = 1;
				}else{
				$v_show1.animate({ left : '-='+v_width1 }, "slow"); 
				page2++;
			 }
		 }
   });
    $("span.prev2").click(function(){
	     var $parent1 = $("#gallery2");
		 var $v_show1 = $("#galleryImages2");
		 var $v_content1 = $("#galleryInner2");
		 var v_width1 = $v_content1.width();
		 var len1 = $v_show1.find("li").length;
		 var page_count1 = Math.ceil(len1 / k) ;  
		 if( !$v_show1.is(":animated") ){ 
		 	 if( page2 == 1 ){ 
				$v_show1.animate({ left : '-='+v_width1*(page_count1-1) }, "slow");
				page2 = page_count1;
			}else{
				$v_show1.animate({ left : '+='+v_width1 }, "slow");
				page2--;
			}
		}
    });	
	
})

$(function(){
	var links=$('.tab li');
	$('.tab li:first').addClass('current01');
		$('.sub>div:gt(0)').hide();
		$('.tab li').click(function(){
				if($(this).focus()){
					$(this).blur()	
				};
				var index=links.index(this);
				$(this).addClass('current01').siblings().removeClass('current01');
				$('.sub>div').eq(index).show().siblings().hide();
				return false;
	});
	
	
	var links01=$('.tab01 li');
	$('.tab01 li:first').addClass('current02');
	$('.sub01>div:gt(0)').hide();
	$('.tab01 li').click(function(){
		if($(this).focus()){
			$(this).blur()	
		};
		var index01=links01.index(this);
		$(this).addClass('current02').siblings().removeClass('current02');
		$('.sub01>div').eq(index01).show().siblings().hide();
		$(this).css('cursor','pointer');
		return false;
	});
	
	var links02=$('.tab02 li');
	$('.tab02 li:first').addClass('current02');
	$('.sub02>div:gt(0)').hide();
	$('.tab02 li').click(function(){
		if($(this).focus()){
			$(this).blur()	
		};
		var index02=links02.index(this);
		$(this).addClass('current02').siblings().removeClass('current02');
		$('.sub02>div').eq(index02).show().siblings().hide();
		$(this).css('cursor','pointer');
		return false;
	});
	
	var links03=$('.tab03 li');
	$('.tab03 li:first').addClass('current03');
	$('.sub03>div:gt(0)').hide();
	$('.tab03 li').click(function(){
		if($(this).focus()){
			$(this).blur()	
		};
		var index03=links03.index(this);
		$(this).addClass('current03').siblings().removeClass('current03');
		$('.sub03>div').eq(index03).show().siblings().hide();
		$(this).css('cursor','pointer');
		return false;
	});
	$('.ui-slide').slide();
 
	$('#info-1 .info-imp').hover(
 
		function(){
 
			$('#'+$(this).attr('sublist'))
 
			.css({'left':$(this).position().left+$(this).width()+6,'top':$(this).position().top-10})
 
			.fadeIn('fast');
 
		},
 
		function(event){
 
			toElem=event.toElement||event.relatedTarget;
 
			if($(toElem).attr('id')==$(this).attr('sublist')) return;
 
			$('#'+$(this).attr('sublist')).fadeOut('slow');
 
		}
 
	);
 
	$('#info-1 .sublist').hover(
 
		function(){},
 
		function(event){
 
			toElem=event.toElement||event.relatedTarget;
 
			if($(toElem).attr('sublist')==$(this).attr('id')) return;
 
			$(this).fadeOut('slow');
 
		}
 
	);


	
 });

function getMarquee(tb,tb1,tb2,spe){
		this.speed=spe; //数字越大速度越慢
		this.tt=tb;
		this.tab=getEl(tb);//"demo_4"
		this.tab1=getEl(tb1);//"demo_4_1"
		this.tab2=getEl(tb2);//"demo_4_2"
		this.tab2.innerHTML=this.tab1.innerHTML;

		this["mq_"+this.tt]=setInterval(this.Marquee.bind(this),this.speed);
		
	  EventUtil.addEventHandler(this.tab,'mousemove',this.mover.bind(this));//this.mover.bind(this)
	  EventUtil.addEventHandler(this.tab,'mouseout',this.moverout.bind(this));
	  
}
getMarquee.prototype.Marquee=function(){
			if(this.tab2.offsetWidth-this.tab.scrollLeft<=0)
				this.tab.scrollLeft-=this.tab1.offsetWidth
			else{
				this.tab.scrollLeft++;
			}
}
getMarquee.prototype.moverout=function(){
	this["mq_"+this.tt]=setInterval(this.Marquee.bind(this),this.speed);
}
getMarquee.prototype.mover=function(){
	clearInterval(this["mq_"+this.tt]);
}