$(document).ready(function(){
			nav();
			slider();
	});

function pop_up(url, width, height){
	var halfwinwidth = width / 2;
	var halfwinheight = height / 2;
	leftpos = screen.width / 2 - halfwinwidth;
	toppos = screen.height / 2 - halfwinheight;
	window.open(url,'popwin','width=' + width +',height=' + height + ',left=' + leftpos + ',top=' + toppos + ', scrollbars=yes');
}

function nav(){
  $("#NavContainer li")
	.each(function(i,o){$(o).css({backgroundImage:'url('+$('img',o).attr('src').replace(/(\.png)$/,'-over$1')+')'});})
	.find('a:not(.active)')
	.hover(
		function() {
			$(this).fadeTo(100,0);
			$(this).fadeTo(150,.5);
			$(this).fadeTo(100,0);
		},
		function() {
			$(this).fadeTo(750,1);
		}
  );
}
function slider(){
	var li='#slider li';
	if(!$(li).length) return;
	$(li).click(function(){
			slideEffect(li,this);
	}).eq(0).click();
	hoverEffect(li);
}

function slideEffect(li,_this){
		var minWidth=25;
		var maxWidth=615;
		var index=$(li).index(_this);
		var Title=$('img',_this).attr('title');
		var Alt=$('img',_this).attr('alt');
		//Title=(Title=='')?' ':Title;
		//Alt=(Alt=='')?' ':Alt;
		$('#GalleryDetails').html(Title+'<small>'+Alt+'</small>');
		
		$(li).each(function(i,o){
			var xPos=i*minWidth;
			var Left=(i<=index)?i*minWidth:maxWidth+(i-1)*minWidth;
			var Opacity=(i==index)?1:.5;
			var Klass=(i==index)?'active':'inactive';
			$(o).removeClass().addClass(Klass)
				.css({position:'absolute',zIndex:i,width:maxWidth}).stop().animate({left: Left});
			$('img',o).removeClass().addClass(Klass)
					  .stop().animate({opacity:Opacity});
		});
}
function hoverEffect(li){
		$('img.inactive',li).hover(
						  function(){ if($(this).hasClass('inactive')) $(this).fadeTo(0,1);},
	   	   				  function(){ if($(this).hasClass('inactive')) $(this).fadeTo(0,.5);});
}