///////////// Hover /////////////
var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
function jpgfade(imgName)  {
        if (document.images) {
                document[imgName].src = "images/nav/" + imgName + "_hov.jpg"
        }
}
function jpgdie(imgName) {
        if (document.images)  {
                document[imgName].src = "images/nav/" + imgName + ".jpg"
        }
}
function pngfade(imgName)  {
        if (document.images) {
                document[imgName].src = "images/nav/" + imgName + "-hov.png"
        }
}
function pngdie(imgName) {
        if (document.images)  {
                document[imgName].src = "images/nav/" + imgName + ".png"
        }
}

preloadimages("images/nav/home_hov.jpg","images/nav/accommodations_hov.jpg","images/nav/reservations_hov.jpg","images/nav/photographs_hov.jpg","images/nav/promotions_hov.jpg","images/nav/pets_hov.jpg","images/nav/contact_hov.jpg","images/middle/bg/middle-wrapper-bg.png","images/nav/gift-cards-hov.png")

///////////// MooSlider /////////////
window.addEvent('domready',function(){
		//SAMPLE 8
		var handles8_more = $$('#handles8_more span');
		var nS8 = new noobSlide({
			box: $('box8'),
			items: $$('#box8 h3'),
			size: 270,
						//handles: $$('#handles8 span'), 
			// TR: prev & next by handles. play, stop, pause...
			//addButtons: {previous: $('prev8'), play: $('play8'), stop: $('stop8'), playback: $('playback8'), next: $('next8') },
			onWalk: function(currentItem,currentHandle){
				//style for handles
				$$(this.handles,handles8_more).removeClass('active');
				$$(currentHandle,handles8_more[this.currentIndex]).addClass('active');
				//text for "previous" and "next" default buttons
				// TR: Reads name in the H3 to change to.  also, handles8 above. 
				//$('prev8').set('html','&lt;&lt; '+this.items[this.previousIndex].innerHTML);
				//$('next8').set('html',this.items[this.nextIndex].innerHTML+' &gt;&gt;');
			}
		});
		//more "previous" and "next" buttons
		nS8.addActionButtons('previous',$$('.prev'));
		nS8.addActionButtons('next',$$('.next'));
		// TR: these for inside the box
		/*nS8.addActionButtons('previous',$$('#box8 .prev'));
		nS8.addActionButtons('next',$$('#box8 .next'));*/ 
		//more handle buttons
		//nS8.addHandleButtons(handles8_more);
		//walk to item 3 witouth fx
		//TR: .walk( # = 1 before start, 
		nS8.walk(0,false,true);
		
		
		
		
		//SAMPLE 7
		var handles7_more = $$('#handles7_more span');
		var nS7 = new noobSlide({
			box: $('box7'),
			items: $$('#box7 h3'),
			size: 295,
			//handles: $$('#handles7 span'), 
			// TR: prev & next by handles. play, stop, pause...
			//addButtons: {previous: $('prev7'), play: $('play7'), stop: $('stop7'), playback: $('playback7'), next: $('next7') },
			onWalk: function(currentItem,currentHandle){
				//style for handles
				$$(this.handles,handles7_more).removeClass('active');
				$$(currentHandle,handles7_more[this.currentIndex]).addClass('active');
				//text for "previous" and "next" default buttons
				// TR: Reads name in the H3 to change to.  also, handles7 above. 
				//$('prev7').set('html','&lt;&lt; '+this.items[this.previousIndex].innerHTML);
				//$('next7').set('html',this.items[this.nextIndex].innerHTML+' &gt;&gt;');
			}
		});
		//more "previous" and "next" buttons
		nS7.addActionButtons('previous',$$('.prev7'));
		nS7.addActionButtons('next',$$('.next7'));
		// TR: these for inside the box
		/*nS7.addActionButtons('previous',$$('#box7 .prev7'));
		nS7.addActionButtons('next',$$('#box7 .next7'));*/ 
		//more handle buttons
		//nS7.addHandleButtons(handles7_more);
		//walk to item 3 witouth fx
		//TR: .walk( # = 1 before start, 
		nS7.walk(0,false,true);
		
	});
		
		
				
///////////// Fish Dropdown /////////////
// reference: http://www.htmldog.com/articles/suckerfish/dropdowns/
<!--//--><![CDATA[//><!--

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]>