function navigate(id)
{
	clearTimeout(t);
	
	//Reset Style
	document.getElementById('med' + actualMenu).className = "";
				
	//Reset Value of actual menu	
	actualMenu = id;
			
	/*alert(menuTitle[actualMenu][0]);*/
	document.getElementById('test-title').innerHTML = menuTitle[actualMenu][0];
	document.getElementById('test-msg').innerHTML = menuTitle[actualMenu][1];
	document.getElementById('mediaImg').src = "http://static.adsmuseum.com/media/photos/image" + (actualMenu + 1) + ".jpg";
	document.getElementById('mediaLink').href = "/" + menuTitle[actualMenu][2];
	
	startPosition = oriPosition;
	
	startInt();						
}

/* Start function */
function startInt()
{	
	x = document.getElementById('mediaMenu').getElementsByTagName("a");
  	totalMenu = x.length;
	
	/* This does not work in IE, will find a work arround later
	//Add menu attribute
	for(i = 0; i < totalMenu; i++)
	{
		document.getElementById('med' + i).setAttribute('onclick','navigate('+ i +'); return false;'); //Other
		
	}
	*/
	
	tag = document.getElementById('mediaTag');
	
	//Hide the Tag
	tag.style.top = startPosition + 'px';
	
	
	//Remove OVER style on the selected media menu
	//mediaMenu = document.getElementById('med' + <?=$selectedMediaBox?>).className = '';
	
	link = document.getElementById("med" + actualMenu).className = "media-over";
	
	//Wait 2 second before showing Tag
	t = setTimeout("moveTag()",2000);

}

/*
function tagOver()
{
	
	clearTimeout(t);
	clearTimeout(v);
	
}

function tagOut()
{
	if(startPosition > endPosition)
	{
		moveTag();
	}
	else
	{
		rmTag();
	}
	
}
*/

		
/* Show the tag */
function moveTag()
{	
	
	/*var t =  document.defaultView.getComputedStyle(tag,null).getPropertyValue("top"); DOES NOT WORK IN IE */ 		
	
	if(startPosition > endPosition)
	{
		startPosition = startPosition - 1;
		tag.style.top = startPosition + 'px';
		t = setTimeout("moveTag()",10);
	}
	else
	{
		
		//clearInterval(t);
		t = setTimeout("rmTag()",5000);
	}
	
	
}


/* Hide the tag and modify information  */
function rmTag()
{
	if(startPosition < oriPosition)
	{
		startPosition = startPosition + 1;
		tag.style.top = startPosition + 'px';
		t = setTimeout("rmTag()",10);
	}
	else
	{
		//Reset Style
		document.getElementById('med' + actualMenu).className = "";
		
		actualMenu = actualMenu + 1;
		
		/* alert(actualMenu + ' - ' + totalMenu); */
		
		if(actualMenu >= totalMenu)
		{
			actualMenu = 0;
		}
		
		/*alert(menuTitle[actualMenu][0]);*/
		document.getElementById('test-title').innerHTML = menuTitle[actualMenu][0];
		document.getElementById('test-msg').innerHTML = menuTitle[actualMenu][1];
		document.getElementById('mediaImg').src = "http://static.adsmuseum.com/media/photos/image" + (actualMenu + 1) + ".jpg";
		document.getElementById('mediaLink').href = "/" + menuTitle[actualMenu][2];
		
		startInt();
		
	}

}