function WinOp1(addr){ window.open(addr,"nWin","menubar=yes,status=no,toolbar=no,scrollbars=yes,width=700,height=750px"); }
  
var action=false;
var slide1=close;
var slide2=close;


bartab = new Array();
for (i = 0; i <= 3; i++) {
bartab[i] = new Image();
bartab[i].src = 'image/slide_tabon' + i + '.gif';
}

function tabon (n) {
  if(action==false){
        document.images['tab' + n].src = bartab[n].src;
     }
}
function tabout(n) {
	document.images['tab' + n].src = 'image/slide_tabout' + n + '.gif';
}


function pull1() {
  if(action==false){
    action = true;
    if(slide1==close){
      moveLay('slidebar1',-495,190,170,190,50,20);
      slide1=open;
    }
    else{
      action = false;
      }
  }
}
function draw1() {
  if(action==false){
     action = true;
     moveLay('slidebar1',170,190,-495,190,50,30)
      slide1=close;
  }
}
 
function pull2() {
  if(action==false){
     action = true;
    if(slide2==close){
        moveLay('slidebar2',-601,275,170,275,50,20)
        slide2=open;
       }
    else{
      action = false;
      }
   }
}
function draw2() {
  if(action==false){
     action = true;
     moveLay('slidebar2',170,275,-601,275,50,30)
      slide2=close;
  }
}


var timerID;
var count;
var step;
var stepX, stepY;
var sx, sy;
var ex, ey;


function moveLay(layerID,startX,startY,endX,endY,speed,stpx) {
  count=0;
  var rangeX=(endX-startX);
  var rangeY=(endY-startY);
  step=Math.max(Math.abs(rangeX),Math.abs(rangeY))/stpx;
  stepX=rangeX/step; stepY=rangeY/step;
  sx=startX; sy=startY;
  ex=endX; ey=endY;
  timerID=setInterval('moveMain("'+layerID+'")',speed);
}

function moveMain(layerID) {
  if (count <= step) {
    if(document.getElementById){ 
        document.getElementById(layerID).style.left=sx;
        document.getElementById(layerID).style.top=sy;
	}
    else if(document.layers) {
      document.layers[layerID].moveTo(sx,sy);
	}
    else if(document.all) {
      document.all(layerID).style.pixelLeft=sx;
      document.all(layerID).style.pixelTop=sy;
    }
    sx += stepX;
    sy += stepY;
    count++;
  }
  else {
    if(document.getElementById){ 
        document.getElementById(layerID).style.left=ex;
        document.getElementById(layerID).style.top=ey;
	}
    else if(document.layers) {
      document.layers[layerID].moveTo(ex,ey);
	}
    else if(document.all) {
      document.all(layerID).style.pixelLeft=ex;
      document.all(layerID).style.pixelTop=ey;
    }
    clearInterval(timerID);
    action = false;
  }
}