function addEventToObject(obj, evt, func)
	{
	var oldhandler = obj[evt];
	if(typeof obj[evt] != 'function'){obj[evt] = func;}
	else{obj[evt] = function(){oldhandler();func();}}
	}
function preloadImages(imageArray) {
	var tempImages = new Array();
	for(var i=0;i<imageArray.length;i++){tempImages[i] = new Image();tempImages[i].src = imageArray[i];}
}

var mvr = {
	init: function()						
		{
		if (!document.getElementById) return false;
		mvr.preload();
		var oCont = document.getElementById('mvr-menu');		
		oCont.innerHTML = '<div id="btn1"><img src="../images/ray.gif" width="50px" height="50px" border=0></div><div id="btn2"><img src="../images/nawset.png" width="50px" height="50px" border=0></div><div id="btn3"><img src="../images/boat.png" width="50px" height="50px" border=0></div><div id="btn4"><img src="../images/EdVest.png" width="50px" height="50px" border=0></div><div id="btn5"><img src="../images/todol.png" width="50px" height="50px" border=0></div>'+oCont.innerHTML;
		addEventToObject(document.getElementById('btn1'),'onmouseover',function(){mvr.swap('1')});
		addEventToObject(document.getElementById('btn2'),'onmouseover',function(){mvr.swap('2')});
		addEventToObject(document.getElementById('btn3'),'onmouseover',function(){mvr.swap('3')});
		addEventToObject(document.getElementById('btn4'),'onmouseover',function(){mvr.swap('4')});
		addEventToObject(document.getElementById('btn5'),'onmouseover',function(){mvr.swap('5')});
		addEventToObject(document.getElementById('btn6'),'onmouseover',function(){mvr.swap('6')});
		addEventToObject(document.getElementById('btn7'),'onmouseover',function(){mvr.swap('7')});
		addEventToObject(document.getElementById('btn8'),'onmouseover',function(){mvr.swap('8')});
		addEventToObject(document.getElementById('btn9'),'onmouseover',function(){mvr.swap('9')});
		
		
		},
	preload: function()
		{
		var images = new Array('web_large/figure07.jpg','web_large/figure07.jpg', 'web_large/figure07.jpg', 'web_large/figure07.jpg', 'web_large/figure07.jpg', 'web_large/figure07.jpg', 'web_large/figure07.jpg', 'web_large/figure07.jpg', 'web_large/figure07.jpg', 'web_large/figure07.jpg', 'web_large/figure07.jpg', 'web_large/figure07.jpg', 'web_large/figure07.jpg', 'web_large/figure07.jpg');
		preloadImages(images);	
		},
	swap: function(sBtn)
		{
		var aDivs = document.getElementById('mvr-content').getElementsByTagName('div');
		for (var i=0;i<aDivs.length;i++)
			{
			aDivs[i].style.backgroundPosition = 'bottom left';
			}
		var oBtn = document.getElementById('btn'+sBtn);
		oBtn.style.backgroundPosition = 'top left';
		var oContent = document.getElementById('mvr-content');
		switch(sBtn)
			{
			case '1':
				oContent.innerHTML = '<div class="text"><p><span class="blue">Raymonds Rugs & Furniture</span><br><br>I designed and coded a 1400 page website for a local high end furniture and rug business.<br><br>The client wanted a elegant site that would appeal to their consumer base.<strong><a href="http://www.raymondshome.com""target="_blank"><br><br>raymondshome.com</strong</p></div><div class="img"><img src="../images/raymonds.gif" width="300" height="267" /></div>';
				break;
			default:
			case '2':
				oContent.innerHTML = '<div class="text"><p><span class="blue">Nawset</span><br><br>I designed and coded out this website for a local rock band.<br><br> They wanted the website to represent their style of music.<strong><a href="http://www.danhowes.com/nawset""target="_blank"><br><br>www.nawsetband.com</strong></div><div class="img"><img src="../images/nawset1.gif" width="316" height="270" /></a></div>';
				break;
			case '3':
				oContent.innerHTML = '<div class="text"><p><span class="blue">Community Boating.org</span><br><br>I worked in a group with 4 others redesigning and coding out a new site.<br><br>They wanted a site that was easier to navigate. Their previous version had confusing navigation and links. <strong><a href="http://www.community-boating.org/index.php" "target="_blank"><br><br>community-boating.org</strong></p></div><div class="img"><img src="../images/commboat.gif" width="316" height="270" /></div>';
				break;
			case '4':
				oContent.innerHTML = '<div class="text"><p><span class="blue">Ed Vestors</span><br><br>I worked in a group with 4 others redesigning and coding out a new site.<br><br>The client wanted their site to look gritty but pretty. <strong><a href="http://www.edvestors.org""target="_blank"><br><br>www.edvestors.org</strong></p></div><div class="img"><img src="../images/EdVestors.gif" width="316" height="270" /></div>';
				break;
			case '5':
				oContent.innerHTML = '<div class="text"><p><span class="blue">Todol Products</span><br><br>I did a complete redesign of this website for todol products.<br><br> They wanted a new &nbsp; and modern look for &nbsp; the site. Their previous version was stuck in 1997.<strong><a href="http://www.todol.com/index.html" target="_blank"><br><br>www.todol.com</strong></div><div class="img"><img src="../images/todol1.gif" width="300" height="280" /></div>';
				break;
			case '6':
				oContent.innerHTML = '<div class="text"><p><span class="blue">Hockey Tournament Poster</span><br><br>This Design was created for a local youth hockey tournament.<br><br></p></div><div class="img"><img src="../images/hockey.png" width="175" height="272" /></div>';
				break;
			case '7':
				oContent.innerHTML = '<div class="text"><p><span class="blue">Foo Fighters Cd</span><br><br>The objective here was to create a cd cover using adobe illustrator.</p></div><div class="img"><img src="../images/cd_cover3.png" width="290" height="290" /></div>';
				break;
			case '8':
				oContent.innerHTML = '<div class="text"><p><span class="blue">Techno Classics </span><br><br>This is a Design For a cd featuring 30 essential Techno Classics.<br><br> who knew there was techno classics ?</p></div><div class="img"><img src="../images/cdtechno2.png" width="290" height="290" /></div>';
				break;
			case '9':
				oContent.innerHTML = '<div class="text"><p><span class="blue">Business Card</span><br><br> Design for my own personal business card.</p></div><div class="img"><img src="../images/card2.png" width="420" height="250" /></div>';
				break;
		
			}
		}
	}
	
addEventToObject(window,'onload',mvr.init);
-->