function menuSign() {

  var content;
  content = '<center><img src="../Graphics/SignBoardV.png" usemap="#menu" border="0"></center>' +
            '<map name="menu">' +
            '<area shape="rect" coords="  4, 55,286,152" href="../index.html" target="_top">' +
            '<area shape="polygon" coords=" 44,194,  54,184, 232,184, 242,194, 242,226, 232,236,  54,236,  44,226" href="Shows.html"    target="_top">' +
            '<area shape="polygon" coords=" 44,274,  54,264, 232,264, 242,274, 242,306, 232,316,  54,316,  44,306" href="Photos.html"   target="_top">' +
            '<area shape="polygon" coords=" 44,356,  54,346, 232,346, 242,356, 242,388, 232,398,  54,398,  44,388" href="Music.html"    target="_top">' +
            '<area shape="polygon" coords=" 44,438,  54,428, 232,428, 242,438, 242,470, 232,480,  54,480,  44,470" href="Videos.html"   target="_top">' +
            '</map>'
 document.write(content);
}

function doSlide(id){
timeToSlide = 500; // in milliseconds
obj = document.getElementById(id);
if(obj.style.display == "none"){ // if it's already hidden we slide it down
	obj.style.visibility = "hidden";
	obj.style.display = "block";
	height = obj.offsetHeight;
	obj.style.height="0px";
	obj.style.visibility = "visible";
	slideDown(obj,0,height,Math.ceil(height/timeToSlide));
} else {
	slideUp(obj,Math.ceil(obj.offsetHeight/timeToSlide),obj.offsetHeight);
}
}

function slideDown(obj,offset,full,px){
if(offset < full){
	obj.style.height = offset+"px";
	offset=offset+px;
	setTimeout((function(){slideDown(obj,offset,full,px);}),1);
} else {
	obj.style.height = full+"px"; //If the data inside is updated on runtime you can use auto instead
}
}

function slideUp(obj,px,full){
	if((obj.offsetHeight-px) > 0){
		obj.style.height = obj.offsetHeight-px+"px";
		setTimeout((function(){slideUp(obj,px,full);}),1);
	} else {
		obj.style.height=full+"px"; // we reset the height if we were to slide it back down
		obj.style.display = 'none';
	}
}