// PRELOADING IMAGES
if (document.images) {
 img_over1 =new Image();  img_on.src ="images/backgrounds/over1.jpg"; 
 img_over2 =new Image();  img_on.src ="images/backgrounds/over2.jpg"; 
 img_over3 =new Image();  img_on.src ="images/backgrounds/over3.jpg"; 
 img_over4 =new Image();  img_on.src ="images/backgrounds/over4.jpg"; 
 img_over5 =new Image();  img_on.src ="images/backgrounds/over5.jpg"; 
 img_over6 =new Image();  img_on.src ="images/backgrounds/over6.jpg";
 img_over7 =new Image();  img_on.src ="images/backgrounds/over7.jpg"; 
}

function handleOver(o,src) { 
 if (document.images) o.src=src;
}

function handleOut(o,src) {
 if (document.images) o.src=src;
}

function popup(f,width,height,link)
{
  w = window.open("","","toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width="+width+", height="+height);
  with ( w.document ) {
    writeln("<html><head><title>Werk aan de Winkel</title>");
    writeln("<link rel=\"stylesheet\" href=\"style/screen.css\" type=\"text/css\">");
    writeln("</head>");
    writeln("<body id=\"body\" onBlur=\"window.close()\"><div id=\"popup\">");
    if (link) {
      writeln("<a href=\""+link+"\" target=\"_new\">");
    }
    writeln("<img src=\""+f+"\">");
    if (link) {
      writeln("</a>");
    }
    writeln("</div></body></html>");
  }
}

function togglediv( id, vis ) // 1 visible, 0 hidden
{
    if ( document.layers ) { obj = document.layers[id]; }
    else if (document.getElementById) { obj = document.getElementById(id).style; }
    else if (document.all[id]) { obj = document.all[id].style; }

    if ( document.layers ) {
        obj.visibility = vis ? "show" : "hide";
    } else {
        obj.visibility = vis ? "visible" : "hidden";
    }
}

function movedivx(id, x) {
    browserName = navigator.appName;
    if ( document.layers ) { obj = document.layers[id]; }
    else if (document.getElementById) { obj = document.getElementById(id).style; }
    else if (document.all[id]) { obj = document.all[id].style; }

    if (browserName == "Microsoft Internet Explorer") {
        obj.marginLeft = (x-859) + "px";
    } else {
        obj.marginLeft = x + "px";
    }
}

function movedivy(id, y) {
    obj = document.layers ? document.layers[id].visibility :
              document.getElementById ? document.getElementById(id).style :
                   document.all[id].style;

    obj.top = y;
}

function movedivxy(id, x, y) {
    movedivx(id, x);
    movedivy(id, y);
}

function move( x ) {
//    movedivx( "trans_bottom", x );
//    togglediv( "trans_bottom", 1 );
  togglediv( "trans_"+x, 0 );
}

function fade( x ) {
//    togglediv( "trans_bottom", 0 );
  togglediv( "trans_"+x, 1 );
}

