var timeout	= 300;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose; 









function gallery()
{	
Event.observe(window, 'load', function() {
var offset = 0;
var diff = 2;
var stop = false;
var containerWidth = 0
if($('slideContent')) {
	
	var width = $('slideContent').getWidth();

	$$('.slideImage').each(function(element){
		element.setStyle({left: offset+'px'});
		offset += element.down('img').width + 10;
	});
	containerWidth = offset + 10;
	offset = 0;
	$('rightHandler').onclick = function() {
		return false;
	}
	$('rightHandler').onmousedown = function() {
		diff = 10;
	}
	$('rightHandler').onmouseup = function() {
		diff = 2;
	}
	$('leftHandler').onmousedown = function() {
		diff = 10;
	}
	$('leftHandler').onmouseup = function() {
		diff = 2;
	}
	$('leftHandler').onclick = function() {
		return false;
	}
	$('rightHandler').onmouseover = function() {
		stop = false;
		new PeriodicalExecuter(function(slider) {
			if (stop) {
				slider.stop();
			} else {
				if(containerWidth + offset > width) {
					offset -= diff;
					$('slideContent').setStyle({left: offset+'px'});	
				} 
			}
			if(containerWidth + offset < width+80) {
				if(diff > 1) {
					diff--;
				}
			}
		}, 0.001);
	}
	$('leftHandler').onmouseover = function() {
		stop = false;
		new PeriodicalExecuter(function(slider) {
			if (stop) {
				slider.stop();
			} else {
				if(offset < 0) {
					offset += diff;
					$('slideContent').setStyle({left: offset+'px'});
				}
			}
			if(offset > -80) {
				if(diff > 1) {
					diff--;
				}
			}
		}, 0.001);
	}
	$('rightHandler').onmouseout = function() {
		stop = true;
	}
	$('leftHandler').onmouseout = function() {
		stop = true;
	}
}	
});

}