var currentWork = "";
var currentId = "";
var speed = 0;
var timeout = 0;
var currentPage = "home";
var oldPage = "";

function scrollWork()
{
	if ((speed < 0 && $('scroller').scrollLeft > $(currentWork).offsetLeft) || (speed > 0 && $('scroller').scrollLeft + $('scroller').offsetWidth < $(currentWork).offsetLeft + $(currentWork).offsetWidth))
	{
		$('scroller').scrollLeft = $('scroller').scrollLeft + 10 * speed;
	}
	timeout = setTimeout("scrollWork()", 20);
}

function setWorkSpeed(evt)
{
	x = Event.pointerX(evt);
	width = Element.getDimensions($('scroller')).width;
	ratio = x * 1.0 / width;
	if (ratio > 0.3 && ratio < 0.7)
	{
		$('scroller').style.cursor = "default";
		speed = 0;
		return true;
	}
	else
	{
		if (ratio < 0.5)
		{
			$('scroller').style.cursor = "w-resize";
			speed = 3.3 * ratio - 1;
		}	
		else
		{
			$('scroller').style.cursor = "e-resize";
			speed = -2.3 + 3.3 * ratio;
		}	
		return true;
	}
}

function overScroller()
{
	Event.observe('scroller', 'mousemove', setWorkSpeed, false);
	scrollWork();
}

function outOfScroller()
{
	Event.stopObserving('scroller', 'mousemove', setWorkSpeed, false);
	clearTimeout(timeout);
}

function clickedOn(id, language)
{
	oldId = currentId;
	currentId = id;
	currentWork = "work"+id;
	outWorkButton(oldId, language);
	if (currentPage != "scroller")
		changeSection("scroller", language);
	
}

function outWorkButton(id, language)
{
	if (id == currentId || id == "")
		return;
	$('MenuItem'+id).src = language+"/menu/i"+id+".gif";
}

function overWorkButton(id, language)
{
	if (id == currentId)
		return;
	$('MenuItem'+id).src = language+"/menu/o"+id+".gif";
}

function outMainButton(page, language)
{
	if (page == currentPage)
		return;
	$('button'+page).src = language+"/static/i"+page+".gif";
}

function overMainButton(page, language)
{
	if (page == currentPage)
		return;
	$('button'+page).src = language+"/static/o"+page+".gif";
}

function changeSection(page, language)
{
	if ($("about").style.left != "0px")
	{
		$("about").style.display = "none";
		$("about").style.left = "0px";
	}
	if (page == currentPage)
		return;
	oldPage = currentPage;
	currentPage = page;
	if (oldPage == "about" || oldPage == "home" || oldPage == "newsletter" || oldPage == "contact")
		outMainButton(oldPage, language);
	$(oldPage).style.display = "none";
	$(currentPage).style.display = "block";
}

function submitNewsletter()
{
	$('newserr').style.display = 'none';
	$('ajaxload').style.display = 'block';
	$('submit').style.display = 'none';
	new Ajax.Updater('ajax', 'ajax/newsletter.php?email='+escape($("email").value), {
		asynchronous: true,
		evalScripts: true,
		onSuccess: function()
		{
			$('ajaxload').style.display = 'none';
			$('submit').style.display = 'block';
		},
		onFailure: function()
		{
			$('ajaxload').style.display = 'none';
			$('submit').style.display = 'block';
			$('newserr').style.display = 'block';
		}
	});
}

function commentOn(id, language)
{
	$("comment").innerHTML = '<img src="'+language+'/artworks/'+id+'.gif" style="position: absolute; top: 0px; left: 0px; display: none" onload="this.style.display = \'block\'" />';
}

function commentOff()
{
	$("comment").innerHTML = "&nbsp;";
}