var timeout;
var target_left = 0;
var hide_left = -180;
var scroll_increment = 9;
var menu="out";

function setmenu(state) {
	menu = state;
}

function getStyleObject(objectId) {
    // cross-browser function to get an object's style object given its id
    if(document.getElementById && document.getElementById(objectId)) {
	// W3C DOM
	return document.getElementById(objectId).style;
    } else if (document.all && document.all(objectId)) {
	// MSIE 4 DOM
	return document.all(objectId).style;
    } else if (document.layers && document.layers[objectId]) {
	// NN 4 DOM.. note: this won't find nested layers
	return document.layers[objectId];
    } else {
	return false;
    }
} // getStyleObject

function show_nav() {   
var scrollerspace_style = getStyleObject("scrollerspace");
var the_style = getStyleObject("scrollermotion-gallery");
var scrollercrop_style = getStyleObject("scrollercrop");

scrollerspace_style.width = "215px";
scrollercrop_style.visibility = "visible";

the_style.top = 0;

var the_left = parseInt(the_style.left) + scroll_increment;

if (the_left > target_left)
	{
	the_left = target_left;
	}
	
if (document.layers)
{
  the_style.left = the_left;
}
else 
{
  the_style.left = the_left + "px";
}

if (the_left < target_left)
	{
	timeout = setTimeout("show_nav();",10);
	}
}

function hide_nav() {    

if (menu == "over")
	{
	return 0;
	}
	
var scrollerspace_style = getStyleObject("scrollerspace");
var the_style = getStyleObject("scrollermotion-gallery");
var scrollercrop_style = getStyleObject("scrollercrop");

the_style.top = 0;

var the_left = parseInt(the_style.left) - scroll_increment;

if (the_left < hide_left)
	{
	the_left = hide_left;
	}
	
if (document.layers)
{
  the_style.left = the_left;
}
else 
{
  the_style.left = the_left + "px";
}

if (the_left > hide_left)
	{
	timeout = setTimeout("hide_nav();",10);
	}
else
	{
	scrollerspace_style.width = "35px";
	scrollercrop_style.visibility = "hidden";
	}
}