var gMenuDelay = 500;			//gMenuTimeout for gMenuData to get hidden in milliseconds
var gMenuTimeout = 0;

var gDate = new Date();

var gMenuData = { 	"video": "<a href=\"drama.php\">drama</a><br/><a href=\"documentary.php\">documentary</a><br/><a href=\"commercials.php\">commercials</a><br/><a href=\"music_videos.php\">music videos</a>",
					"photo": "<a href=\"photography.php\">photography</a><br/><a href=\"bts.php\">behind the scenes</a>",
					"blog": "<a href=\"news.php\">latest news</a>",
					"bio": "<a href=\"biography.php\">biography</a><br/><a href=\"getcv.php\">download CV</a>",
				 	"contact": "<a href=\"contact.php\">contact</a>",
				 	"copyright": "&copy; " + gDate.getFullYear() + " marklapwood.com. All rights reserved."
				};

function findPos(obj)
{
var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return curleft; 						// was [curleft,curtop];
}

function HilightImage(id, state)
{
	img = document.getElementById(id);
	img.className = state;
}

function ShowBubble(thumb, section, title, obj)
{	
	thisthumb = document.getElementById(thumb);
	gBubbleP = document.getElementById('infobubbleP');
	gBubbleDiv = document.getElementById('infobubble');
	
//	gBubbleP.innerHTML = '<span class="section">' + data[thumb]['section'] + '</span><br /><span class="name">' + data[thumb]['title'] + '</span>';
	gBubbleP.innerHTML = '<span class="section">' + section + '</span><br /><span class="name">' + unescape(title) + '</span>';
	
	containerleft = document.getElementById('container').offsetLeft;
	left = findPos(obj) - containerleft;
	
	if (left < 0)
		left = 0;
		
	gBubbleDiv.style.left = left + 15 + 'px';
	gBubbleDiv.style.width = gBubbleP.offsetWidth + 'px';
	gBubbleP.style.width = (gBubbleP.offsetWidth + 15) +'px';
	
	gBubbleDiv.style.visibility = "visible";

	return false;
}

function HideBubble()
{
	gBubbleP = document.getElementById('infobubbleP');
	gBubbleDiv = document.getElementById('infobubble');
			
	gBubbleDiv.style.width = 'auto';
	gBubbleP.style.width = 'auto';
	gBubbleDiv.style.visibility = "hidden";

	return false;
}

function ShowMenu(id)
{
menuid = document.getElementById(id);
gMenuP = document.getElementById('menuP');
gMenuDiv = document.getElementById('menuDiv');
gMenuBot = document.getElementById('menu_bottom');
gMenuRight = document.getElementById('menu_botright');
	
	MenuMouseOver();
	HideMenu();
	
	gMenuP.innerHTML = gMenuData[id];
	gMenuDiv.style.width = gMenuP.offsetWidth+20+'px';
	gMenuDiv.style.height = gMenuP.offsetHeight+'px';
	
	gMenuBot.style.width = gMenuP.offsetWidth+15+'px';
	gMenuBot.style.height = gMenuP.offsetHeight+8+'px';
	
	gMenuRight.style.width = gMenuP.offsetWidth+40+'px';
	gMenuRight.style.height = gMenuP.offsetHeight+8+'px';		
	
	gMenuDiv.style.top = menuid.offsetTop + 30 + 'px';
	gMenuP.style.width = (gMenuP.offsetWidth + 15) +'px';
	
	gMenuDiv.style.visibility = "visible";
}

function HideMenu()
{
gMenuP = document.getElementById('menuP');
gMenuDiv = document.getElementById('menuDiv');
gMenuBot = document.getElementById('menu_bottom');

	gMenuBot.style.height = gMenuDiv.style.width = 'auto';
	gMenuP.style.width = 'auto';
	gMenuP.style.height = 'auto';
	gMenuDiv.style.visibility = "hidden";	
}

function MenuMouseOver()
{
    clearTimeout(gMenuTimeout);
}

function MenuMouseOut()
{
	gMenuTimeout = setTimeout('HideMenu();', gMenuDelay);
}