$(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 padding = 11;
		var p = $(this);
		var pos = p.offset();
		var p_width = p.width();
		var top = pos.top+p.height();
		var left = pos.left-padding;

		if(id = this.id)
			var sub_id = '#ul_'+id;
		
		var width = $(sub_id).width()-padding;
		
		$(sub_id).css({'left':left,'top':top}).show();
		if(p_width<width)
			$(sub_id).children().width(width);
		else
			$(sub_id).children().width(p_width);
	},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
				)
			}
		});	
	}	
	if ($("#slider1").length){
		featuredcontentslider.init({
					id: "slider1",  //id of main slider DIV
					contentsource: ["inline", ""],  //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
					toc: "#increment",  //Valid values: "#increment", "markup", ["label1", "label2", etc]
					nextprev: ["Previous", "Next"],  //labels for "prev" and "next" links. Set to "" to hide.
					revealtype: "click", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
					enablefade: [true, 0.2],  //[true/false, fadedegree]
					autorotate: [true, 4000],  //[true/false, pausetime]
					onChange: function(previndex, curindex){  //event handler fired whenever script changes slide
						//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
						//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
					}
		});
	}
	});