allsubs = '';
timer = '';
opensub = '';
notover = true;

function initMenu(subs){
	allsubs = subs;
	for(i=0;i<subs.length;i++){
		document.getElementById('sub_' + subs[i]).style.left = (document.getElementById('buttonpanel').offsetLeft + document.getElementById(subs[i]).offsetLeft) + 'px';
	}
}

function showSub(sub){
	if(opensub != ''){
		hideSub(opensub);
		opensub = '';
	}
	//selImage(sub);
	opensub = 'sub_' + sub;
	document.getElementById('sub_' + sub).style.display = 'inline';
}

function hideSub(sub){
	opensub = '';
	document.getElementById('sub_' + sub).style.display = 'none';
	if(notover){
		eval('document.getElementById("' + sub + '").src = ' + sub + '.src');
	}
}

function hideLateSub(sub){
	timer = setTimeout('hideSub("' + sub + '")', 500);
}

function overSub(img, sub){
	notover = true;
	stopClose();
	overImage(img);
	selImage(sub);
}

function outSub(img, sub){
	notover = true;
	eval('document.getElementById("' + img + '").src = ' + img + '.src');
	hideLateSub(sub, img);
}

function overImage(img){
	notover = false;
	eval('document.getElementById("' + img + '").src = ' + img + '_over.src');
}

function downImage(img){
	if(opensub != ''){
		hideSub(opensub);
		opensub = '';
	}
	stopClose();
	eval('document.getElementById("' + img + '").src = ' + img + '_down.src');
	showSub(img);
}

function selImage(img){
	eval('document.getElementById("' + img + '").src = ' + img + '_sel.src');
}

function outImage(img){
	notover = true;
	eval('document.getElementById("' + img + '").src = ' + img + '.src');
	if(opensub != ''){
		hideLateSub(img);
	}
}

function stopClose(){
	clearTimeout(timer);
}