if (navigator.appName == 'Microsoft Internet Explorer') {
	document.location = 'http://www.fernandolins.net/old/'; 
}

var imgWidth = 4000;
var imgHeight = 3000;

var windowWidth, windowHeight;
var offsetLeft, offsetTop;
var extraLeft, extraTop;

var isDragging=false;
var x,y;
var tx, ty;
var draggedObj;

function enableScroll()
{
	document.getElementById('container').style.overflow = 'scroll';
	document.getElementById('imagem').style.cursor = 'default';
	document.getElementById('cabecalho').style.cursor = 'default';

	document.getElementById('imagem').style.top = 0;
	document.getElementById('imagem').style.left = 0;
}

function disableScroll()
{
	window.scroll(0,0);
	document.getElementById('container').scrollTop = 0;
	document.getElementById('container').scrollLeft = 0;
	document.getElementById('imagem').style.top = 0;
	document.getElementById('imagem').style.left = 0;

	document.getElementById('container').style.overflow = 'hidden';
	document.getElementById('imagem').style.cursor = 'url(cursordrag.png), move';
	document.getElementById('cabecalho').style.cursor = 'default';
}

function moveMouse(moveEvent)
{
	if (moveEvent.button == 0)
	{
		if(!(document.getElementById('container').style.overflow == 'scroll'))
		{
			if (moveEvent.wheelData == 0)
			{
				document.getElementById('container').style.overflow = 'hidden';
			}
			if (isDragging)
			{
				offsetLeft = parseInt(draggedObj.style.left+0);
				offsetTop = parseInt(draggedObj.style.top+0);

				windowWidth = parseInt(window.innerWidth+0);
				windowHeight = parseInt(window.innerHeight+0);

				allowedLeft = imgWidth-windowWidth;
				allowedTop = imgHeight-windowHeight;

				extraLeft = (offsetLeft*-1) - allowedLeft;
				extraTop = (offsetTop*-1) - allowedTop;

				if((offsetLeft <= 0) && (offsetLeft >= (allowedLeft*-1)))
				{
					draggedObj.style.left = tx + moveEvent.clientX - x;
				}
				else
				{
					resetLeft(offsetLeft);
					isDragging = false;
					return false;
				}

				if((offsetTop <= 0) && (offsetTop >= (allowedTop*-1)))
				{
					draggedObj.style.top  = ty + moveEvent.clientY - y;
				}
				else
				{
					resetTop(offsetTop);
					isDragging = false;
					return false;
				}
			}
			else
			{
			}
		}
	}
}

function resetTop(offset)
{
	if (offset <= (allowedTop*-1))
	{
		draggedObj.style.top = allowedTop*-1;
	}
	if (offset > 0)
	{
		draggedObj.style.top = 0;
	}
}

function resetLeft(offset)
{
	if (offset <= (allowedLeft*-1))
	{
		draggedObj.style.left = allowedLeft*-1;
	}
	if (offset > 0)
	{
		draggedObj.style.left = 0;
	}
}

function selectMouse(mouseEvent) 
{			
	var currObject = mouseEvent.srcElement ? mouseEvent.srcElement : mouseEvent.target;
	var topElement = "body";

	while ((currObject.tagName != topElement) && (currObject.className != "dragme"))
	{
		currObject = currObject.parentNode;
	}

	if (currObject.className=='dragme')
	{
		document.getElementById('cabecalho').style.opacity = 0.3;
		isDragging = true;
		draggedObj = currObject;
		tx = parseInt(draggedObj.style.left+0);
		ty = parseInt(draggedObj.style.top+0);
		x = mouseEvent.clientX;
		y = mouseEvent.clientY;
		document.onmousemove=moveMouse;
		return false;
	}
}

function deselectMouse()
{
	fadeIn('cabecalho', 0.1);
	isDragging = false;
}

document.onmousedown=selectMouse;
document.onmouseup=deselectMouse;
document.onmousewheel=enableScroll;
window.addEventListener('DOMMouseScroll', enableScroll, false);

function fadeIn(id, time) {
	target = document.getElementById(id);
	alpha = 60;
	timer = (time*1000)/50;
	var i = setInterval(
			function() {
				if (alpha >= 100)
				clearInterval(i);
				setAlpha(target, alpha);
				alpha += 2;
				},
				timer);
	}

	function setAlpha(target, alpha) {
		target.style.filter = 'alpha(opacity='+ alpha +')';
		target.style.opacity = alpha/100;
	}
	
function checkBrowsers()
{
	if ((navigator.userAgent.indexOf("Firefox")!=-1) || (navigator.userAgent.indexOf("Chrome")!=-1))
	{
		document.getElementById('imagem').style.background = "url('portfolio.jpg')";
		document.getElementById('imagem').style.backgroundPosition = "top left";
		document.getElementById('imagem').style.backgroundRepeat = "no-repeat";
	}
	else
	{
		document.getElementById('imagem').style.background = "url('portfolio_01.jpg') top left no-repeat, url('portfolio_02.jpg') 375px left no-repeat, url('portfolio_03.jpg') 750px left no-repeat, url('portfolio_04.jpg') 1125px left no-repeat, url('portfolio_05.jpg') 1500px left no-repeat, url('portfolio_06.jpg') 1875px left no-repeat, url('portfolio_07.jpg') 2250px left no-repeat, url('portfolio_08.jpg') 2625px left no-repeat";
	}
}