//Check DOM support
if(document.getElementById ){
	window.onload=init
}
var titleTarget, dontHide;
function init() {
	titleTarget = document.getElementById("gallery-title");
	var aItems = document.getElementById("gallerynav").getElementsByTagName("a");
	var a;
	var titles = new Object(); //this is a hash - don't tell anyone
	for( var i=0; i < aItems.length; i++) {
		a = aItems[i];
		if( a.title) {
			titles[a.innerHTML] = a.title;
			a.title="";
			a.onmouseover = function() {
					titleTarget.style.visibility = "visible";
					cropTitle(titles[this.innerHTML]);					
					dontHide=true;
				}
			a.onmouseout = function() {
					dontHide=false;
					//setTimeout('hideTitleTarget()',200);
					hideTitleTarget();
				}

		}
	}		
}
function hideTitleTarget(){
	if(!dontHide){
		titleTarget.style.visibility = "hidden";
	}
}
function cropTitle(str) {
	titleTarget.innerHTML = str;
	var tH = titleTarget.style.height; titleTarget.style.height='auto';		
	while( titleTarget.offsetHeight > 26) {		
		titleTarget.innerHTML = str.substring(0,titleTarget.innerHTML.length-2)+ "&hellip;";
	}
	titleTarget.style.height = tH;
}