<script>
<![CDATA[
function slider(dir){

  if(dir=="right"){
    currentFlex=eval(document.getElementById("jack1").getAttribute("flex"))
    document.getElementById("jack1").flexto(currentFlex,currentFlex+20,1,100,"jack1")

    currentFlex=eval(document.getElementById("jack4").getAttribute("flex"))
    document.getElementById("jack4").flexto(currentFlex,0,-1,100,"jack4")
    if(dir=="down"){
    currentFlex=eval(document.getElementById("jack2").getAttribute("flex"))
    document.getElementById("jack2").flexto(currentFlex,currentFlex+20,1,100,"jack2")

    currentFlex=eval(document.getElementById("jack3").getAttribute("flex"))
    document.getElementById("jack3").flexto(currentFlex,0,-1,100,"jack3")
  }

  if(dir=="left"){

    currentFlex=eval(document.getElementById("jack1").getAttribute("flex"))
    document.getElementById("jack1").flexto(currentFlex,0,-1,100,"jack1")

    currentFlex=eval(document.getElementById("jack4").getAttribute("flex"))
    document.getElementById("jack4").flexto(currentFlex,currentFlex+20,1,100,"jack4")
  }

  if(dir=="up"){
     currentFlex=eval(document.getElementById("jack2").getAttribute("flex"))
     document.getElementById("jack2").flexto(currentFlex,0,-1,100,"jack2")

     currentFlex=eval(document.getElementById("jack3").getAttribute("flex"))
     document.getElementById("jack3").flexto(currentFlex,currentFlex+20,1,100,"jack3")
  }
}
]]>