<script type="text/javascript">
<!--
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/box1.gif" width="40px" height="40px" border=0></div><div id="btn2"><img src="../images/favs1/02_t.jpg" width="35px" height="35px" border=0></div><div id="btn3"><img src="../images/favs1/03_t.jpg" width="35px" height="35px" border=0></div><div id="btn4"><img src="../images/favs1/04_t.jpg" width="35px" height="35px" border=0></div><div id="btn5"><img src="../images/favs1/05_t.jpg" width="35px" height="35px" border=0></div><div id="btn6"><img src="../images/favs1/06_t.jpg" width="35px" height="35px" border=0></div><div id="btn7"><img src="../images/favs1/07_t.jpg" width="35px" height="35px" border=0></div><div id="btn8"><img src="../images/favs1/08_t.jpg" width="35px" height="35px" border=0></div><div id="btn9"><img src="../images/favs1/09_t.jpg" width="35px" height="35px" border=0></div><div id="btn10"><img src="../images/favs1/10_t.jpg" width="35px" height="35px" border=0></div><div id="btn11"><img src="../images/favs1/11_t.jpg" width="35px" height="35px" border=0></div><div id="btn12"><img src="../images/favs1/12_t.jpg" width="35px" height="35px" border=0></div><div id="btn13"><img src="../images/favs1/13_t.jpg" width="35px" height="35px" border=0></div><div id="btn14"><img src="../images/favs1/14_t.jpg" width="35px" height="35px" border=0></div><div id="btn15"><img src="../images/favs1/15_t.jpg" width="35px" height="35px" border=0></div><div id="btn16"><img src="../images/favs1/16_t.jpg" width="35px" height="35px" 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')});
		addEventToObject(document.getElementById('btn10'),'onmouseover',function(){mvr.swap('10')});
		addEventToObject(document.getElementById('btn11'),'onmouseover',function(){mvr.swap('11')});
		addEventToObject(document.getElementById('btn12'),'onmouseover',function(){mvr.swap('12')});
		addEventToObject(document.getElementById('btn13'),'onmouseover',function(){mvr.swap('13')});
		addEventToObject(document.getElementById('btn14'),'onmouseover',function(){mvr.swap('14')});
		addEventToObject(document.getElementById('btn15'),'onmouseover',function(){mvr.swap('15')});
		addEventToObject(document.getElementById('btn16'),'onmouseover',function(){mvr.swap('16')});
		addEventToObject(document.getElementById('btn16'),'onmouseover',function(){mvr.swap('17')});
		addEventToObject(document.getElementById('btn16'),'onmouseover',function(){mvr.swap('18')});
		
		},
	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="img"><img src="images/box1_over.gif" height="360" border="0" /></div>';
				break;
			default:
			case '2':
				oContent.innerHTML = '<div class="img"><img src="../images/favs1/02.jpg" height="360" border="0" /></a></div>';
				break;
			case '3':
				oContent.innerHTML = '<div class="img"><img src="../images/favs1/03.jpg" height="360" border="0" /></div>';
				break;
			case '4':
				oContent.innerHTML = '<div class="img"><img src="../images/favs1/04.jpg" height="360" border="0"/></div>';
				break;
			case '5':
				oContent.innerHTML = '<div class="img"><img src="../images/favs1/05.jpg" height="360" border="0" /></div>';
				break;
			case '6':
				oContent.innerHTML = '<div class="img"><img src="../images/favs1/06.jpg" height="360" border="0" /></div>';
				break;
			case '7':
				oContent.innerHTML = '<div class="img"><img src="../images/favs1/07.jpg" height="360" border="0" /></div>';
				break;
			case '8':
				oContent.innerHTML = '<div class="img"><img src="../images/favs1/08.jpg"  height="360" border="0" /></div>';
				break;
			case '9':
				oContent.innerHTML = '<div class="img"><img src="../images/favs1/09.jpg" height="360" border="0" /></div>';
				break;
			case '10':
				oContent.innerHTML = '<div class="img"><img src="../images/favs1/10.jpg" height="360" border="0" /></div>';
				break;
			case '11':
				oContent.innerHTML = '<div class="img"><img src="../images/favs1/11.jpg" height="360" border="0" /></div>';
				break;
			case '12':
				oContent.innerHTML = '<div class="img"><img src="../images/favs1/12.jpg" height="360" border="0" /></div>';
				break;
			case '13':
				oContent.innerHTML = '<div class="img"><img src="../images/favs1/13.jpg" height="360" border="0" /></div>';
				break;
			case '14':
				oContent.innerHTML = '<div class="img"><img src="../images/favs1/14.jpg" height="360" border="0" /></div>';
				break;
			case '15':
				oContent.innerHTML = '<div class="img"><img src="../images/favs1/15.jpg" height="360" border="0" /></div>';
				break;
			case '16':
				oContent.innerHTML = '<div class="img"><img src="../images/favs1/16.jpg" height="360" border="0" /></div>';
				break;
				
				
			}
		}
	}
	
addEventToObject(window,'onload',mvr.init);
-->
</script>











var imageDir = "images/"
window.onload = function(){
	rOvers = getElementsByClass('ro');
	for(i=0;i<rOvers.length;i++){
		addEvent(rOvers[i],'mouseover',rollOver);
		addEvent(rOvers[i],'mouseout',rollOut);
	}
	searchSub = document.getElementById('searchSubmit');
	addEvent(searchSub,'mouseover',submitOver)
	addEvent(searchSub,'mouseout',submitOut)
}
function rollOver(){
	imgSourceName = this.src
	lastSlash = imgSourceName.lastIndexOf("/")
	imgSourceName = imgSourceName.substring(lastSlash+1)
	imgSourceName = imgSourceName.split(".")
	baseName = imgSourceName[0]
	extension = imgSourceName[1]
	baseName += "_over"
	this.src = imageDir+baseName+"."+extension
}
function rollOut(){
	imgSourceName = this.src
	lastSlash = imgSourceName.lastIndexOf("/")
	imgSourceName = imgSourceName.substring(lastSlash+1)
	imgSourceName = imgSourceName.split(".")
	baseName = imgSourceName[0]
	extension = imgSourceName[1]
	overPos = baseName.lastIndexOf("_over")
	baseName = baseName.substring(0,overPos)
	this.src = imageDir+baseName+"."+extension
}
function submitOver(){
	this.style.color = "#c2c2c2"
}
function submitOut(){
	this.style.color = "#898989"	
}

/*
getElementsByClass
author: dustin diaz
link: http://www.dustindiaz.com/getelementsbyclass/
*/
function getElementsByClass(searchClass) {
	var classElements = new Array();
		node = document;
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}

/*
attachEvent
author: John Resig
link:http://ejohn.org/projects/flexible-javascript-events/
*/
function addEvent( obj, type, fn ) {
	if(obj.attachEvent){obj['e'+type+fn] = fn;
		obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
		obj.attachEvent( 'on'+type, obj[type+fn] );
	}
	else obj.addEventListener( type, fn, false );
}


