function img_onLoad(){	  
	  createImgDiv();
	  imgInit = document.getElementById("bimg");
	  divs = gDivs(document.getElementById("div_img"));
	  img_col = document.getElementById("div_img").getElementsByTagName("img");
	  total_img= img_col.length;	
	  current_div = divs[nowIndex];	  
	  move_first();
	}
	
	function createImgDiv(){
	       var div_id = 0;
		   var newdiv;
		   var html;
		   for(i=0;i<img_arr.length;i++){		     
		   if(i%maxShow == 0){
			 html = "";
		     newdiv = document.createElement('div');
		     newdiv.setAttribute('id', "div_img_"+div_id);
			 if(div_id==0){
			    newdiv.style.display = "block";
			 }else{
			    newdiv.style.display = "none";
			 }			 
			 div_id = div_id + 1;
		   }		
		   
		   var val = img_arr[i];		
		   var st = 0;		  		   
		   var prop = val.split(",");			    
		      html = html + "<td width=\"105\" align=\"center\"><img src=\""+ prop[0] +"\" width=\""+prop[3]+"\" height=\""+prop[4]+"\" class=\"abt_port_img_f\" onclick='showImg(this);pause();'></td>";
			 if(i%maxShow == maxShow-1 || i==img_arr.length-1){
			  if(i==img_arr.length-1){
				for(j=i;j<maxShow*div_id-1;j++){
					html = html + "<td width=\"105\" align=\"center\"></td>";
				}
			  }
			  html = "<table border=\"0\" cellspacing=\"9\"><tr>" + html + "</tr></table>";
			  newdiv.innerHTML = html;
			  document.getElementById("div_img").appendChild(newdiv);			  
			 }
		   }			   
	}
	
	

	function move_lt(){
	  enable();
	  nowIndex = nowIndex-1;
	  if(nowIndex<=0){
	        disable_btn("left_btn",true);			
	  }
	  current_div = divs[nowIndex];	
	  if(current_div){
		   imgs = current_div.getElementsByTagName("img"); 		   	   
		}			  
	  divs[nowIndex+1].style.display="none";
	  current_div.style.display="block";	  
	}
	

	function move_rt(){	  
	  enable();	  
	  nowIndex = nowIndex+1;	  
	  if(nowIndex>=divs.length-1){
	        disable_btn("right_btn",true);			
	  }
	  current_div = divs[nowIndex];
	  if(current_div){
		   imgs = current_div.getElementsByTagName("img"); 		   	   
	  }			
	  divs[nowIndex-1].style.display="none";
	  current_div.style.display="block";	
	}
	

	function move_first(){

	  enable();
	  disable_btn("left_btn",true);	
	  if(img_col.length<=maxShow){
		  disable_btn("right_btn",true);}
	  	 
	  divs[nowIndex].style.display="none";
	  nowIndex = 0;
	  current_div = divs[nowIndex];
	  if(current_div){
		   imgs = current_div.getElementsByTagName("img"); 		   	   
		}			
	  current_div.style.display="block";	
	  imgIndex=0; 
	  showImg(img_col[imgIndex]);	  
	}
	

	function move_last(){

	  
	  enable();
	  disable_btn("right_btn",true);		  
	  if(img_col.length<=maxShow){
	  disable_btn("left_btn",true);}
	  divs[nowIndex].style.display="none";
	  nowIndex = divs.length-1;
	  current_div = divs[nowIndex];
	  if(current_div){
		   imgs = current_div.getElementsByTagName("img"); 		   	   
		}			
	  current_div.style.display="block";	
	  imgIndex=img_col.length-1; 
	  showImg(img_col[imgIndex]);	  
	}
	

	function nextImg(){
	   if(imgIndex==total_img-1){
	     move_first();
	   }else{
	   if(imgIndex%maxShow==maxShow-1){
	     move_rt();
	   }	   
	   imgIndex = imgIndex + 1;
	   if(img_obj){
		 clrImgBrd(img_obj);		 
	   }
	   if(Math.floor(imgIndex/maxShow)!=nowIndex){
		   nowIndex = Math.floor(imgIndex/maxShow);
		   current_div.style.display="none";   
		   current_div = divs[nowIndex];
		   current_div.style.display="block";
		   enable();
		   if(nowIndex>=divs.length-1){
	        disable_btn("right_btn",true);			
	       }
		   if(nowIndex<=0){
	        disable_btn("left_btn",true);			
	       }
	   }
	   img_obj = img_col[imgIndex];			
		showImg(img_obj);			
		}
	}
	
	function prevImg(){
	   if(imgIndex==0){
	     move_last();
	   }else{
	   if(imgIndex%maxShow==0){
	     move_lt();
	   }
	   imgIndex = imgIndex - 1;
	   if(img_obj){
		 clrImgBrd(img_obj);}
	   img_obj = img_col[imgIndex];			
		showImg(img_obj);			
		}
	}	
	
	function stopPlay(){	
	   if(bPlay){     
	    clearInterval(timer);
	    move_first();	
		bPlay = false;
		changePlayPause(bPlay);   
	   }
	}
		
	function playImg(){
	    //alert("play");
	    bPlay = true;    
	    changePlayPause(bPlay);
		nextImg();				
	}	
	

	function pause(){
	   clearInterval(timer);
	   if(bPlay){
	   bPlay = false;   
	   changePlayPause(bPlay);}
	}
	
	function showImg(obj){	    	    
		if(img_obj){
			clrImgBrd(img_obj);}

		obj.className="abt_port_img_f2";
		img_obj = obj;	
		getCurrentImg(obj);
		var val = img_arr[imgIndex];
		var prop = val.split(",");			
		setTransition();		
		document.getElementById("bimg").src=obj.src;	
		document.getElementById("bimg").width=prop[1];	 //Edwin
		document.getElementById("bimg").height=prop[2];	//Edwin
		playTransition();		
		document.all.abimg.href=url_arr[imgIndex];
		document.all.abimg.target="_blank";
	}

	function setTransition(){ 
		if (document.all){ 
		imgInit.filters.revealTrans.Transition=Math.floor(Math.random()*23); 
		imgInit.filters.revealTrans.apply(); 
		} 
	} 	 
	function playTransition(){ 
		if (document.all) 
		imgInit.filters.revealTrans.play() 
	} 
	
	function gDivs(obj){
	  var result=0;
	  var DIVS;
	  if(obj.getElementsByTagName("DIV")){
	    DIVS = obj.getElementsByTagName("DIV");
	  }	  
	  return DIVS;
	}	
	
	function disable_btn(par1,bDisable){	
    	var btn = document.getElementById(par1);
		if(bDisable){		    						
			btn.style.visibility='hidden';
		}		
		else{
			btn.style.visibility='visible';
		}
	}	
	
	function enable(){
			disable_btn("left_btn",false);			
			
			disable_btn("right_btn",false);
	}
	

	function dispProcess(obj){
		getCurrentImg(obj);	
	}	
	

	function clrImgBrd(obj){	
		obj.className="abt_port_img_f";
	}
	

	function getCurrentImg(obj){    
				
		for(i=0;i<img_col.length;i++){
		  if(img_col[i].src==obj.src){		     
		     imgIndex=i;	
			 img_obj = img_col[imgIndex];				 
			 return; 
		  }
		}
	}
	

	function changeSpeed(speed_num){	        
	   clearInterval(timer);
	   timer=setInterval('playImg()', speed_num);	   
	}
	
	function changePlayPause(bol){	 
	var show = document.getElementById("play_btn");   
	    if(bol){		  	     		 
		show.innerHTML = '';
		show.innerHTML =  "<a href='javascript:pause();'><img src='images/info/con_b_pause.gif'  name=\"play\" width=\"37\" height=\"39\" border=\"0\" id=\"play\" onMouseOver=\"MM_swapImage('play','','images/info/con_b_pausea.gif',1)\" onMouseOut=\"MM_swapImgRestore()\"></a>";
		}
		else{		
		 show.innerHTML = '';
		show.innerHTML =  "<a href='javascript:changeSpeed(current_speed);'><img src='images/info/con_b_play.gif'  name=\"play\" width=\"37\" height=\"39\" border=\"0\" id=\"play\" onMouseOver=\"MM_swapImage('play','','images/info/con_b_playa.gif',1)\" onMouseOut=\"MM_swapImgRestore()\"></a>";
		}
	}
	

var slidebar_width;
var slidebar_curpos;
var g_pages = 4;  
var SLIDE_WAIT	= 1000;
var minSpeed = 3000;  
var maxSpeed = 10000; 
var intervalSpped = 2000; 


var isDown = false;
function mouseDown(evt){
	var evt = ( (evt) ? evt : (window.event) ? window.event : "" );
	window.document.onmouseup = mouseUp;
	window.document.onmousemove = function(event){
		var event = ( (event) ? event : (window.event) ? window.event : "" );
		slidebar_width = ( GetObj('pZone').offsetWidth - GetObj('pBox').offsetWidth );
		slidebar_curpos = ( event.clientX - GetFixedOffsetLeft(GetObj('pZone')) - Math.round(GetObj('pBox').offsetWidth/2) );
		if(isDown){
			if(slidebar_curpos<14){
				GetObj('pBox').style.left = '0px';
			}else if(slidebar_curpos>slidebar_width){
				GetObj('pBox').style.left = slidebar_width+'px';
			}else{
				GetObj('pBox').style.left = (slidebar_curpos-10)+'px';
				current_speed = minSpeed + intervalSpped * slide_page( slidebar_width, slidebar_curpos, g_pages );
			}
		}
	};
	
	isDown = true;
	slidebar_width = ( GetObj('pZone').offsetWidth - GetObj('pBox').offsetWidth );
	slidebar_curpos = ( event.clientX - GetFixedOffsetLeft(GetObj('pZone')) - Math.round(GetObj('pBox').offsetWidth/2) );
	if(slidebar_curpos<14){
		GetObj('pBox').style.left = '0px';
	}else if(slidebar_curpos>slidebar_width){
		GetObj('pBox').style.left = slidebar_width+'px';
	}else{
		GetObj('pBox').style.left = (slidebar_curpos-10)+'px';
		current_speed = minSpeed + intervalSpped * slide_page( slidebar_width, slidebar_curpos, g_pages );
	}
}


function mouseUp(){
	isDown = false;
	window.document.onmousemove = null;
	window.document.onmouseup = null;
	window.document.onmousedown = null;
	
	slidebar_width = ( GetObj('pZone').offsetWidth - GetObj('pBox').offsetWidth );	
	slidebar_curpos = ( event.clientX - GetFixedOffsetLeft(GetObj('pZone')) - Math.round(GetObj('pBox').offsetWidth/2) );
	if(slidebar_curpos<14){
		GetObj('pBox').style.left = '0px';	
	}else if(slidebar_curpos>slidebar_width){
		GetObj('pBox').style.left = slidebar_width+'px';		
	}
		
	if(bPlay){

		changeSpeed(current_speed);}

}


function slide_page( slide_width, slide_pos, pages ) {	
	var page = Math.ceil( pages*(slide_pos/slide_width) );
	if ( page < 1 ) {
		page = 1;
	}
	if ( page > pages ) {
		page = pages;
	}
	return page;
}


function GetObj(objName){
	if(document.getElementById){
		return eval('document.getElementById("' + objName + '")');
	}else if(document.layers){
		return eval("document.layers['" + objName +"']");
	}else{
		return eval('document.all.' + objName);
	}
}


function GetFixedOffsetLeft(element){
	var pOffsetLeft = 0;//element.offsetLeft;
	while( element.offsetParent && element != element.offsetParent )
	{
		pOffsetLeft += element.offsetLeft;
		element = element.offsetParent;
	}	
	return pOffsetLeft;
}