$(document).ready(function(){
	

	$("a#navbio").mouseover(function(){
		$("#navpointer").stop().animate({width:'110px', left:'17px'},{queue:false, duration:1000, easing:'easeOutCirc'})	
	});
	$("a#navex").mouseover(function(){
		$("div#navpointer").stop().animate({width:'115px', left:'148px'},{queue:false, duration:1000, easing:'easeOutCirc'})
	});
	$("a#navupdates").mouseover(function(){
		$("#navpointer").stop().animate({width:'65px', left:'307px'},{queue:false, duration:1000, easing:'easeOutCirc'})	
	});
	$("a#navcatalog").mouseover(function(){
		$("#navpointer").stop().animate({width:'113px', left:'415px'},{queue:false, duration:1000, easing:'easeOutCirc'})	
	});
	$("a#navreviews").mouseover(function(){
		$("#navpointer").stop().animate({width:'90px', left:'559px'},{queue:false, duration:1000, easing:'easeOutCirc'})	
	});
	$("a#navcontact").mouseover(function(){
		$("#navpointer").stop().animate({width:'85px', left:'695px'},{queue:false, duration:1000, easing:'easeOutCirc'})	
	});
	
	/*$("li").mouseout(function(){
		$(this).stop().animate({width:'100px', opacity:0.4},{queue:false,duration:600,easing:'easeOutCirc'})
	});*/
	
	$('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability
		
		$('ul.gallery').galleria({
			history   : true, // activates the history object for bookmarking, back-button etc.
			clickNext : true, // helper for making the image clickable
			insert    : '#main_image', // the containing selector for our main image
			onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
				
				// fade in the image & caption
				if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
					image.css('display','none').fadeIn(1000);
				}
				caption.css('display','none').fadeIn(1000);
				
				// fetch the thumbnail container
				var _li = thumb.parents('li');
				
				// fade out inactive thumbnail
				_li.siblings().children('img.selected').fadeTo(500,0.6);
				
				// fade in active thumbnail
				thumb.fadeTo('fast',1).addClass('selected');
				
				// add a title for the clickable image
				image.attr('title','Next image >>');
			},
			onThumb : function(thumb) { // thumbnail effects goes here
				
				// fetch the thumbnail container
				var _li = thumb.parents('li');
				
				// if thumbnail is active, fade all the way.
				var _fadeTo = _li.is('.active') ? '1' : '0.6';
				
				// fade in the thumbnail when finnished loading
				thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
				
				// hover effects
				thumb.hover(
					function() { thumb.fadeTo('fast',1); },
					function() { _li.not('.active').children('img').fadeTo('fast',0.6); } // don't fade out if the parent is active
				)
			}
		});
		
		$('.caption').css({opacity:0});
		$('#main_image p').hide();
		
		$('#main_image').mouseover(function(){
			$('.caption').animate({opacity:0.8}, {queue:false})
		});
		$('#main_image').mouseout(function(){
			$('.caption').animate({opacity:0}, {queue:false})
		});
		
		
		$("ul.gallerycat img").each(function(){
		
		var w = $(this).width();
		var h = $(this).height();
		if(h > w){
		var maxwidth = 100;
		var adjustment = w/maxwidth;
		var maxheight = h/adjustment;
		} else {
		var maxheight = 100;
		var adjustment = h/maxheight;
		var maxwidth = w/adjustment;
		}
		$(this).css({'width': maxwidth + 'px'});
		$(this).css({'height': maxheight + 'px'});
		
		});
		
	
		
		$("ul.gallerycat li").css({opacity:0.7});
		$("ul.gallerycat li").mouseover(function(){
			$(this).animate({opacity:1}, {queue:false});
		});
		$("ul.gallerycat li").mouseout(function(){
			$(this).animate({opacity:0.7}, {queue:false});
		});

});