var aboutImg1 = new Image()
aboutImg1.src = 'image/menu_about1.jpg';
var aboutImg2 = new Image()
aboutImg2.src = 'image/menu_about2.jpg';
var aboutImg3 = new Image()
aboutImg3.src = 'image/menu_about3.jpg';

var valueImg1 = new Image()
valueImg1.src = 'image/menu_value1.jpg';
var valueImg2 = new Image()
valueImg2.src = 'image/menu_value2.jpg';
var valueImg3 = new Image()
valueImg3.src = 'image/menu_value3.jpg';

var beyondImg1 = new Image()
beyondImg1.src = 'image/menu_beyond1.jpg';
var beyondImg2 = new Image()
beyondImg2.src = 'image/menu_beyond2.jpg';
var beyondImg3 = new Image()
beyondImg3.src = 'image/menu_beyond3.jpg';

var powerImg1 = new Image()
powerImg1.src = 'image/menu_power1.jpg';
var powerImg2 = new Image()
powerImg2.src = 'image/menu_power2.jpg';
var powerImg3 = new Image()
powerImg3.src = 'image/menu_power3.jpg';

var interactiveImg1 = new Image()
interactiveImg1.src = 'image/menu_interactive1.jpg';
var interactiveImg2 = new Image()
interactiveImg2.src = 'image/menu_interactive2.jpg';
var interactiveImg3 = new Image()
interactiveImg3.src = 'image/menu_interactive3.jpg';

var contactImg1 = new Image()
contactImg1.src = 'image/menu_contact1.jpg';
var contactImg2 = new Image()
contactImg2.src = 'image/menu_contact2.jpg';
var contactImg3 = new Image()
contactImg3.src = 'image/menu_contact3.jpg';



function highlightOver(id) {
	eval('document.getElementById(\'highlight\'+id).setAttribute(\'class\',\'highlightThumbOver\')');
	eval('document.getElementById(\'highlight\'+id).className="highlightThumbOver"');
}

function highlightOut(id) {
	eval('document.getElementById(\'highlight\'+id).setAttribute(\'class\',\'highlightThumb\')');
	eval('document.getElementById(\'highlight\'+id).className="highlightThumb"');
}


function thumbPartnerOver(id) {
	eval('document.getElementById(\'thumbnail\'+id).setAttribute(\'class\',\'photoThumbOver\')');
	eval('document.getElementById(\'thumbnail\'+id).className="photoThumbOver"');
}

function thumbPartnerOut(id) {
	eval('document.getElementById(\'thumbnail\'+id).setAttribute(\'class\',\'photoThumb\')');
	eval('document.getElementById(\'thumbnail\'+id).className="photoThumb"');
}

function portfolioOver(id) {
	eval('document.getElementById(\'portfolio\'+id).setAttribute(\'class\',\'portfolioThumbOver\')');
	eval('document.getElementById(\'portfolio\'+id).className="portfolioThumbOver"');
}

function portfolioOut(id) {
	eval('document.getElementById(\'portfolio\'+id).setAttribute(\'class\',\'portfolioThumb\')');
	eval('document.getElementById(\'portfolio\'+id).className="portfolioThumb"');
}














function menuover(name) {
	eval('document.getElementById(\'menu_\'+name).src = '+name+'Img2.src');
}

function menuout(name) {
	eval('document.getElementById(\'menu_\'+name).src = '+name+'Img1.src');
}

function menuactive(name) {
	eval('document.getElementById(\'menu_\'+name).src = '+name+'Img3.src');
}

function submenuOver(obj)
{
	obj.setAttribute('class','submenuOver');
	obj.className='submenuOver';
}

function submenuOut(obj)
{
	obj.setAttribute('class','submenu');
	obj.className='submenu';
}

function submenuActive(obj)
{
	obj.setAttribute('class','submenuActive');
	obj.className='submenuActive';
}




var ready = false;
window.onload = init;
function init() 
{
	if (window.Event) {
		document.captureEvents(Event.MOUSEMOVE);
	}
	document.onmousemove = getXY;
	ready = true;
}

function getXY(e) 
{
	x = (window.Event) ? e.pageX : event.clientX;
	y = (window.Event) ? e.pageY : event.clientY;
	
	//window.status = x+":"+y;
	popUpDiv = document.getElementById('popUp');
	popUpDiv.style.top=(y+30)+'px';
	popUpDiv.style.left=(x+30)+'px';
}

function showPortfolio(url, name)
{
	if (ready) {
		var popUpDiv = document.getElementById('popUp');
		var popUpImg = document.getElementById('popUpImage');
		var partnerDiv = document.getElementById('partnerName');
		
		popUpImg.setAttribute('src', url);
		partnerDiv.innerHTML = 'by ' + name;
		popUpDiv.style.visibility='visible';
	}
}

function hidePortfolio() 
{
	popUpDiv = document.getElementById('popUp');
	popUpDiv.style.visibility='hidden';
}