// JavaScript Document

function getObj(name){
  if (document.getElementById){
  	this.obj = document.getElementById(name);
	this.style = document.getElementById(name).style;
  }
  else if (document.all){
	this.obj = document.all[name];
	this.style = document.all[name].style;
  }
  else if (document.layers)
  {
   	this.obj = document.layers[name];
   	this.style = document.layers[name];
  }
}





function initImgs(){
	for(var i=0; i<imgs; i++){
		var nm='im_'+i;
		var im=new getObj(nm);
		im.obj.nr=i;
		im.style.cursor='pointer';
		im.obj.onmousedown=function(){
			p=((this.nr<(imgs-1))? this.nr+1 : 0);
			var po=new getObj('i_'+this.nr);
			po.style.display='none';
			var po=new getObj('i_'+p);
			po.style.display='inline';
		}
		
		var nm='n_'+i;
		var im=new getObj(nm);
		im.obj.nr=i;
		im.style.cursor='pointer';
		im.obj.onmousedown=function(){
			p=((this.nr<(imgs-1))? this.nr+1 : 0);
			var po=new getObj('i_'+this.nr);
			po.style.display='none';
			var po=new getObj('i_'+p);
			po.style.display='inline';
		}
		
		var nm='p_'+i;
		var im=new getObj(nm);
		im.obj.nr=i;
		im.style.cursor='pointer';
		im.obj.onmousedown=function(){
			p=((this.nr)? this.nr-1 : (imgs-1));
			var po=new getObj('i_'+this.nr);
			po.style.display='none';
			var po=new getObj('i_'+p);
			po.style.display='inline';
		}
	}
}


function fillSh(pid,x_off,y_off,left,top){
	var parent=new getObj(pid);
	var h=parseInt(parent.obj.offsetHeight)+y_off;
	var w=parseInt(parent.obj.offsetWidth)+x_off;
	var sh=new getObj(pid+"_sh");
	sh.style.left=left+"px";
	sh.style.top=top+"px";
	sh.style.width=w+"px";
	sh.style.height=h+"px";
	for(var i=0; i<9; i++){
		var im=new getObj(pid+"_"+i);
		if(pid.match('qry_lb')){
				//alert(h);
				if(i==2)im.obj.src="/SH/blank.png";
				if(i==5)im.obj.src="/SH/blank.png";
				if(i==8)im.obj.src="/SH/blank.png";
				
		}
		switch(i){
			case 1:
			im.style.width=(w-56)+'px';
			im.style.height=(27)+'px';
			break;
			case 7:
			im.style.width=(w-56)+'px';
			im.style.height=(27)+'px';
			break;
			case 3:
			im.style.width=(28)+'px';
			im.style.height=(h-54)+'px';
			break;
			case 5:
			im.style.width=(28)+'px';
			im.style.height=(h-54)+'px';
			break;
			case 4:
			im.style.width=(w-56)+'px';
			im.style.height=(h-54)+'px';
			break;
			default:
			im.style.width='28px';
			im.style.height='27px';
			break;
		}
		im.style.display='inline-block';
	}
}