function $(id)
{
 return document.getElementById(id);
}

function mainnavigationover(obj){
   
		obj.style.backgroundImage='url(images/navimg/navigation_main_over.gif)';
		obj.style.width='102px';
		obj.style.height='24px';
		obj.firstChild.style.textDecoration='none';
		obj.firstChild.style.color='#f2d8eb';
		obj.style.fontWeight='bold';
    
}
function mainnavigationout(obj){
	
		obj.style.backgroundImage='url(images/navimg/navigation_main_out.gif)';
		obj.style.width='102px';
		obj.style.height='24px';
		obj.firstChild.style.textDecoration='none';
		obj.firstChild.style.color='#656565';
		obj.style.fontWeight='bold';
}
function mainnavigover(obj){
   
		obj.style.backgroundImage='url(images/navimg/nav_aboutus_over.gif)';
		obj.style.width='123px';
		obj.style.height='24px';
		obj.firstChild.style.textDecoration='none';
		obj.firstChild.style.color='#f2d8eb';
		obj.style.fontWeight='bold'; 
}
function mainnavigout(obj){
	
		obj.style.backgroundImage='url(images/navimg/nav_aboutus_out.gif)';
		obj.style.width='123px';
		obj.style.height='24px';
		obj.firstChild.style.textDecoration='none';
		obj.firstChild.style.color='#656565';
		obj.style.fontWeight='bold';		
}

        
var imgs_m=[],imgs_s=[],imgs_url=[];
		imgs_m[0]="http://en.jimei.me/testimg/indeximgs/b_1.jpg";
		imgs_m[1]="http://en.jimei.me/testimg/indeximgs/b_2.jpg";
		imgs_m[2]="http://en.jimei.me/testimg/indeximgs/b_3.jpg";
		imgs_s[0]="http://en.jimei.me/testimg/indeximgs/s_1.jpg";
		imgs_s[1]="http://en.jimei.me/testimg/indeximgs/s_2.jpg";
		imgs_s[2]="http://en.jimei.me/testimg/indeximgs/s_3.jpg";
		imgs_url[0]="http://www.tradejm.com/en/index.aspx";
		imgs_url[1]="http://en.jimei.me";
		imgs_url[2]="http://en.jimei.me";
	
	function imgs_s_dis(){
		var imgs=document.getElementById("imgs");
		var fr=document.createDocumentFragment();
		for(var i=0;i<imgs_s.length;i++){
			var li=document.createElement("li");
				li.innerHTML="<img src='"+imgs_s[i]+"' alt='' />";
				lis.push(li);
				fr.appendChild(li);
		}
		imgs.appendChild(fr);
	}
	
	
	
	function img_scroll(num){
		cur_img.src=imgs_m[num];
		$('img_a').href=imgs_url[num];	 
	}
	
	
	 var ie=/MSIE/.test(navigator.userAgent);
	 var img_title=null;//title
	 var f_img_roll=null;
	 var cur_img=null;
	 var mb_img=null;
	 var f_mask=null;
	 var lis=[];
	 var cur_li=null;
	 var mb_li=null;
	 var tt=null;
	 var m=0;
	 var r=0;
	 
	 
	 function img_play(){
		r++;
		if(r>lis.length-1)r=0;
		mb_li=lis[r].offsetTop;
		if(tt)clearTimeout(tt);
		tt=setInterval("f_mask_mov()",25);
		cur_li=lis[r];
		img_scroll(r);
		
	 }
	
	 
	 function _focus(){
		imgs_s_dis();
		cur_li=lis[0];
		f_img_roll=document.getElementById("f_img_roll");
		cur_img=f_img_roll.getElementsByTagName("img")[0];
		f_mask=document.getElementById("f_mask");
		for(var i=0;i<lis.length;i++){
			lis[i].onmouseover=function(){
				this.style.border="1px solid #cc0000";
			}
			lis[i].onmouseout=function(){
				this.style.border="1px solid #0066cc";
			}
			lis[i].num=i;
			lis[i].onclick=function(){
				if(cur_li!=this){
					if(tt)clearTimeout(tt);
					clearTimeout(ttt);
					r=this.num;
					mb_li=this.offsetTop;
					tt=setInterval("f_mask_mov()",40);
					cur_li=this;
					img_scroll(this.num);
				}
			}
		}
		ttt=setTimeout("img_play()",3000);
	 }
	 
	 
	 function f_mask_mov(){
		if(m>mb_li){
			m-=(m-mb_li)*0.2;
			if((m-1)<mb_li){
				clearTimeout(tt);
				f_mask.style.top=mb_li+"px";
				f_mask_top=mb_li;
				m=mb_li;
				ttt=setTimeout("img_play()",3000);
				return;
			}else{
				f_mask.style.top=m+"px";
			}
		}else{
			m+=(mb_li+5-m)*0.2;
			if(m>mb_li){
				clearTimeout(tt);
				f_mask.style.top=mb_li+"px";
				m=f_mask_top=f_mask.offsetTop;
				ttt=setTimeout("img_play()",3000);
				return;
			}else{
				f_mask.style.top=m+"px";
			}
		}
		
	 }
	 window.onload=_focus;