$(document).ready(function(){
	var version;
	var browser;
	$.each(jQuery.browser, function(i, val) {
		if(i=='version')
			version = val;
		if(i=='msie' && val==true)
			browser = i;
	});

	$('.hover').hover(function()
	{
		var width=0;
		var nav_width=0;
		var sub_width = $(this).width();
		if(browser == 'msie' && (version=='7.0' || version=='6.0'))
		{
			nav_width = $(this).width();			
		}
		
		$(this).children('ul').each(function()
		{
			var width = $(this).width();
			if(sub_width>width)
				width=sub_width+2;
			width = parseInt(width-32)+('px');
			$(this).children('li').each(function()
			{
				$(this).children('a').css({'width':width});
			});
			//alert($(this).width());
		});
			if(id = this.id)
				id = this.id;
			var sub_id = '#ul_'+id;
			nav_width='-'+nav_width+'px';
			$(sub_id).css({'margin-left':nav_width}).show();
			
		},function()
		{
			$('.sub_nav').hide();				
		});

	if($('.gallery_demo_unstyled').length)
	{
	$('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability
		
		$('ul.gallery_demo').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
				image.css('display','none').fadeIn(1000);
				caption.css('display','none').fadeIn(1000);
				
				var img_height = image.height();
				if(img_height < 438)
				{
					var top_mar = (438-img_height)/2;
					image.css('margin-top',top_mar);
				}
				// fetch the thumbnail container
				var _li = thumb.parents('li');
				
				// fade out inactive thumbnail
				_li.siblings().children('img.selected').fadeTo(500,0.3);
				
				// 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');
				thumb.parents('li').css({overflow:'hidden'});
				
				// if thumbnail is active, fade all the way.
				var _fadeTo = _li.is('.active') ? '1' : '0.3';
				
				// 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.3); } // don't fade out if the parent is active
				)
			}
		});	
	}	
});