// JavaScript Document
$(document).ready(function(){
	var group=new Array("images/1.jpg", "images/2.jpg");
	var waimao=new Array("images/111.jpg", "images/222.jpg", "images/333.jpg","images/444.jpg","images/555.jpg","images/666.jpg");
	var lab=new Array("images/11.jpg");
	var adTimer;
	var globalad;
	var all=new Array("images/1.jpg","images/2.jpg","images/11.jpg","images/111.jpg","images/222.jpg","images/333.jpg","images/444.jpg","images/555.jpg","images/666.jpg");
	
	//var url1="<a href='http://www.matsu.cn/'><img src='images/a11.png' alt='办公家具' /></a>"; 
	//var url2="<a href='http://www.matsu.cn/'><img src='images/a22.png' alt='综合贸易' /></a>";
	//var url3="<a href='http://www.matsu.cn/'><img src='images/a33.png' alt='实验室' /></a>";
	
	    $("#all").click(function(){
	
		var conIndex = 0;
		var imgIndex = 1;
		
		globalad = setInterval(function(){
		imgIndex++;
	
		$("#main img").stop().ImageSwitch({
			Type:"FadeIn",
			NewImage:all[conIndex],
			//EffectOriginal: false,
			Speed: 2000
		});
	
		if(imgIndex>=9) imgIndex=1;
		
		conIndex++;
		
		if(conIndex >= all.length) conIndex=0;
		}, 5000);
		
	})
	
	$("#all").trigger("click");
		
	$("#a3").animate({left:"653px"},1320);
	$("#a2").animate({left:"344px"},1350);
	$("#a1").animate({left:"37px"},1400,"swing",function(){
												  //$("#a1").html(url1);
												  //$("#a2").html(url2);
												  //$("#a3").html(url3);
												 //$("#all").trigger("click");
												  });
	//$("#a1").html(url1);
	
	/*	
	var conIndex = 0;
	var imgIndex = 1;
	
    setInterval(function(){
	
    	imgIndex++;
	
    	$("#main img").ImageSwitch({
			Type:"FlyIn",
			NewImage:all[conIndex],
			EffectOriginal: false,
			Speed: 2000
		});
	
		if(imgIndex>=9) imgIndex=1;
		
		conIndex++;
		
		if(conIndex >= all.length) conIndex=0;
    }, 5000);
	*/
    

    $("#a1").hover(function(){			
		//$(this).css("background-color","#D7A900");		
		$("#a1 img").attr("src","images/c11.png");
		var conIndex = 0;
		var imgIndex = 1;
		
		//停止缺省切换
		clearInterval(globalad);
		
		adTimer = setInterval(function(){
		imgIndex++;
	
		$("#main img").stop().ImageSwitch({
			Type:"FadeIn",
			NewImage:group[conIndex],
			//Direction:"RightLeft",
			//EffectOriginal: false,
			Speed: 2000
		});

	
		if(imgIndex>=2) imgIndex=1;
		
		conIndex++;
		
		if(conIndex >= group.length) conIndex=0;
		}, 5000);
		
	},function(){
		//$(this).css("background-color","");	
		$("#a1 img").attr("src","images/c1.png");
		clearInterval(adTimer);
		$("#all").trigger("click");		
		
	})
    
    $("#a2").hover(function(){
		//$(this).css("background-color","#E0DAD8");    
		$("#a2 img").attr("src","images/c22.png");
		var conIndex = 0;
		var imgIndex = 1;
		
		//停止缺省切换
		clearInterval(globalad);
		
		adTimer = setInterval(function(){
		imgIndex++;
	
		$("#main img").stop().ImageSwitch({
			Type:"FadeIn",
			NewImage:waimao[conIndex],
			EffectOriginal: false,
			Speed: 2000
		});
	
		if(imgIndex>=1) imgIndex=1;
		
		conIndex++;
		
		if(conIndex >= waimao.length) conIndex=0;
		}, 5000);
		
	},function(){
		//$(this).css("background-color",""); 
		$("#a2 img").attr("src","images/c2.png");
		clearInterval(adTimer);
		$("#all").trigger("click");
	})
	
	
    $("#a3").hover(function(){
		//$(this).css("background-color","#FF6E00");
		$("#a3 img").attr("src","images/c33.png");
		var conIndex = 0;
		var imgIndex = 1;
		
		//停止缺省切换
		clearInterval(globalad);
		
		adTimer = setInterval(function(){
		imgIndex++;
	
		$("#main img").stop().ImageSwitch({
			Type:"FadeIn",
			NewImage:lab[conIndex],
			EffectOriginal: false,
			Speed: 3000
		});
	
		if(imgIndex>=6) imgIndex=1;
		
		conIndex++;
		
		if(conIndex >= lab.length) conIndex=0;
		}, 5000);
		
	},function(){
		$("#a3 img").attr("src","images/c3.png");
		//$(this).css("background-color","");
		clearInterval(adTimer);
		$("#all").trigger("click");		
		
	})
    //$("#all").trigger("click");
	/*
	$("#bt").click(function () {
		var src="images/3.gif";
		$("#main img").css("display","none");
		$("#main img").fadeOut(3000);
		

		$("#main img")
					  .attr("src",src)
					  .css("display","none")
					  
					  .fadeIn(3000)				  

	})
	*/
})