function menu(){
		document.getElementById('menu').innerHTML = 
		   '<div class="dock" id="dock">'+
              '<div class="dock-container">'+
                  '<a class="dock-item" href="index.html"> '+
				  		'<img src="images/home.png" alt="home" onmouseover="change(1)" onmouseout="changeback(1)" /> '+
						'<span id="1"><em>HOME</em></span> '+
				  '</a> '+
                  '<a class="dock-item" href="contact.html"> '+
				  		'<img src="images/contact.png" alt="rss" onmouseover="change(8)" onmouseout="changeback(8)" /> '+
						'<span id="8"><em>CONTACT</em></span> '+
				  '</a> '+
              '</div> '+
            '</div> ';
}

function loadmenu(){
	$(document).ready(function() {
					$('#dock').Fisheye( {
						maxWidth: 40,
						items: 'a',
						itemsText: 'span',
						container: '.dock-container',
						itemWidth: 80,
						proximity: 80,
						valign: 'top',
						alignment: 'center',
						halign: 'center'
						
					})
				});
}

function change(num){
	document.getElementById(num).style.color = '#6e0000';
}

function changeback(num){
	document.getElementById(num).style.color = '#fff';
}