function hoverout(el,txtclassnormal) {
   el.className=txtclassnormal;
}

function hoveron(el,txtclasshover) {
        el.className=txtclasshover;
}

function showprodbigpic(elid) {
   var smallpic = new getObj('small' + elid);
   var bigpic = new getObj('big'+elid);
   var pic = new getObj(elid);

   /* bigpic.style.left= findPosX(smallpic.obj) +'px'; 
      bigpic.style.top=  findPosY(smallpic.obj) + 85 + 'px';*/
   

//   bigpic.style.left= '320' +'px'; 
//   bigpic.style.top=  '0' + 'px';
   
   bigpic.style.left= '0' +'px'; 
   bigpic.style.top=  '123' + 'px';
   
   
  
  pic.style.zIndex = 5;
}

function hideprodbigpic(elid) {
   var smallpic = new getObj('small' + elid);
   var bigpic = new getObj('big'+elid);
   var pic = new getObj(elid);

  
   bigpic.style.left= '-2000px';
   bigpic.style.top=  '-2000px';   


  pic.style.zIndex = 1;
}

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 findPosX(obj) { 
    var curleft = 0; 
    if(obj.offsetParent) 
        while(1)  
        { 
          curleft += obj.offsetLeft; 
          if(!obj.offsetParent) 
            break; 
          obj = obj.offsetParent; 
        } 
    else if(obj.x) 
        curleft += obj.x; 
    return curleft; 
  } 

  function findPosY(obj)   { 
    var curtop = 0; 
    if(obj.offsetParent) 
        while(1) 
        { 
          curtop += obj.offsetTop; 
          if(!obj.offsetParent) 
            break; 
          obj = obj.offsetParent; 
        } 
    else if(obj.y) 
        curtop += obj.y; 
    return curtop; 
  }