runNaviLeft = false;
runNaviRight = false;
function galleryNavi(dir)
{
	var gallery = document.getElementById('galleryContent');
	var galleryContainer = gallery.parentNode;
	var marginL = gallery.style.marginLeft.substring(0,gallery.style.marginLeft.length-2)*1;
	/*
	alert(gallery.offsetWidth);
	alert(galleryContainer.offsetWidth);
	*/
	if(dir == 'right' && runNaviRight)
	{
		if(Math.abs(marginL) < (gallery.offsetWidth - galleryContainer.offsetWidth))
		{
			gallery.style.marginLeft = (marginL -5)+'px';
			setTimeout("galleryNavi('right')",10);
		}
		else 
			runNaviRight = false;
	}
	else if(dir == 'left' && runNaviLeft)
	{
		if(marginL < 0)
		{
			gallery.style.marginLeft = (marginL +5)+'px';
			setTimeout("galleryNavi('left')",10);
		}
		else 
			runNaviLeft = false;
	}
}

function startNavi(dir)
{
	switch(dir)
	{
		case 'left':
			runNaviLeft = true;
			galleryNavi('left');
			break;
		case 'right':
			runNaviRight = true;
			galleryNavi('right');
			break;
	}
}

function stopNavi(dir)
{
	switch(dir)
	{
		case 'left':
			runNaviLeft = false;
			break;
		case 'right':
			runNaviRight = false;
			break;
	}
}

function showPic(url,widthAtr,heightAtr)
{
	
	if(heightAtr > widthAtr)
	{
		if(heightAtr > 400)
		{
			widthAtr = Math.round(400/heightAtr*widthAtr);
			heightAtr = 400;
		}
	
	}
	else 
	{
		if(widthAtr > 400)
		{
			heightAtr = Math.round(400/widthAtr*heightAtr);
			widthAtr = 400;
		} 
		
	}
	var marginT = Math.round((400 - heightAtr)/2);
	var marginL = Math.round((400 - widthAtr)/2);
		
	document.getElementById('bigImage').style.width = widthAtr+'px';
	document.getElementById('bigImage').style.height = heightAtr+'px';
	document.getElementById('bigImage').style.marginLeft = marginL+'px';
	document.getElementById('bigImage').style.marginTop = marginT+'px';
	document.getElementById('bigImage').src = url;
	
}