$(function(){
	//nav hovers
	$('#navbar img.nav').each(function(){
		$(this).hover(function(){
			//mouse over
			var url = $(this).attr('src');
			$(this).attr('src',url.replace(".jpg","_roll.jpg"));
		},
		function(){
			//mouse out
			var url = $(this).attr('src');
			$(this).attr('src',url.replace("_roll.jpg",".jpg"));
		});
		$(this).click(function(){
			var url = $(this).attr('src');
			$(this).attr('src',url.replace("_roll.jpg",".jpg"));
			$('.dropdown').css({'display':'none'});
		});
	});
	
	//nav hovers
	$('#navbar .subnav').each(function(){
		$(this).hover(function(){
			//mouse over
			if (!$(this).children('.dropdown').hasClass('animated')) {
				$(this).children('.dropdown').dequeue().stop().slideDown(200);
			}
		},
		function(){
			//mouse out
			$(this).children('.dropdown').addClass('animated').slideUp(200, function() {
				$(this).removeClass('animated').dequeue();
			});
		});
	});
	
	
	
	
	
	//sidebar buttons
	$('#sidebar img').each(function(){
		if($(this).hasClass('current')){
			var url = $(this).attr('src');
			$(this).attr('src',url.replace(".jpg","_roll.jpg"));
		}else{
			var id = $(this).attr('id');
			var num = id.charAt(id.length-1);
			$('#box'+num).css({'display':'none'});
		}
		$(this).hover(function(){
			//mouse over
			if(!$(this).hasClass('current')){
				var url = $(this).attr('src');
				$(this).attr('src',url.replace(".jpg","_roll.jpg"));
			}
		},
		function(){
			//mouse out
			if(!$(this).hasClass('current')){
				var url = $(this).attr('src');
				$(this).attr('src',url.replace("_roll.jpg",".jpg"));
			}
		});
		$(this).click(function(){
			$('#sidebar img').each(function(){
				if($(this).hasClass('current')){
					$(this).removeClass('current');
					var url = $(this).attr('src');
					$(this).attr('src',url.replace("_roll.jpg",".jpg"));
					var id = $(this).attr('id');
					var num = id.charAt(id.length-1);
					$('#box'+num).css({'display':'none'});
				}
			});
			$(this).addClass('current');
			var id = $(this).attr('id');
			var num = id.charAt(id.length-1);
			$('#box'+num).css({'display':'block'});
			
		});
	});
	
	
	//gallery hover
	$('img.thumb').each(function(){
		$(this).hover(function(){
			$(this).css({'border-color':'#FFCC00'});				   
		},
		function(){
			$(this).css({'border-color':'#FF3333'});
		});
	});
});