$.fn.makeSlider=function(){
	var $this=$(this);
	var $thisid=$this.attr("id");
	$this.after('<div id="'+$thisid+'nav" class="nav"><a href="#'+$thisid+'" class="prev hide"></a><a href="#'+$thisid+'" class="next"></a></div>')
		.serialScroll({
			items:"li",
			prev:"#"+$thisid+"nav a.prev",
			next:"#"+$thisid+"nav a.next",
			duration:500,
			cycle:false,
			onBefore:function(elem){
				if(typeof(window.history.pushState)=='function'){
					window.history.pushState(null,"Neverblink","#"+$thisid);
				}
			},
			onAfter:function(elem){
				var $om=$(".imgs",this);
				var $prevnav=$(".prev","#"+$thisid+"nav");
				var $nextnav=$(".next","#"+$thisid+"nav");
				if($om.offset().left==0){
					$prevnav.fadeOut().addClass('hide');
				}else{
					$prevnav.filter(":hidden").removeClass('hide');
					if($("li",this).css('opacity')==1){
						$prevnav.filter(":hidden").fadeIn();
					}
				}
				$om=$(window).width()-($om.width()+$om.offset().left);
				if($om==0){
					$nextnav.fadeOut().addClass('hide');
				}else{
					$nextnav.filter(":hidden").removeClass('hide');
					if($("li",this).eq(0).css('opacity')==1){
						$nextnav.filter(":hidden").fadeIn();
					}
				}
			}
		});
		
	if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.match(/iPod/i))||(navigator.userAgent.match(/iPad/i))||(navigator.userAgent.match(/Android/i))){
		$(this).click(function(){});
	}

	$(this).bind('mouseenter',function(){
		$("li",".imgs").stop(true).not($("li",$(this))).fadeTo('fast','0.5');
		if(0<document.URL.indexOf("#")){
			var p=document.URL.substr(document.URL.indexOf("#"));
			if(1<p.length&&"#"+$(this).attr('id')!==p){
				$(p).trigger('goto',[0]);
			}
		}
		$("li",$(this)).stop(true)
			.fadeTo('fast','1');
		
		$("#"+$(this).attr('id')+"nav").children().each(function(){
			$(this).bind('focus',function(){
				$(this).blur();
			}).filter(":hidden").not(".hide").fadeIn();
		});
		
		$(".nav").not($("#"+$(this).attr('id')+"nav")).children().each(function(){
			$(this).filter(":visible")
			.fadeOut();
		});
		
		var $_this=$(this);
		$(document).unbind('keydown');
		$(document).keydown(function(e){
			if(e.keyCode==37){
				$(".prev","#"+$_this.attr('id')+"nav").filter(":visible").click();
			}
			if(e.keyCode==39){
				$(".next","#"+$_this.attr('id')+"nav").filter(":visible").click();
			}
		});
	});
	return $(this);
}

$.fn.checkNav=function(){
	var totwidth=350;
	$('img',$(this)).each(function(){
		totwidth+=parseInt($(this).attr('width'));
	});
	$(this).css('width',totwidth);
	if(totwidth<=$(window).width()){
		var $in="#"+($(this).parent().attr('id'))+"nav";
		$(".next",$in).fadeOut().addClass('hide');
	}
	return $(this);
}

$(function(){
	$("li",".imgs").fadeTo('fast','0.5');
	$('.project').each(function(){
		$(this).makeSlider();
	});
	$('.imgs').each(function(){
		$(this).checkNav();
	});
	var page=1;
	var pages=2;
	$('#more h1').bind('click',function(){
		page++;	
		$.ajax({
		url: "ajax/page2.html",
		dataType: "html",
		success: function(data){
			var s = document.createElement('section');
			s.id = 'page'+page;
			if(typeof innerShiv==='function'){
				s.appendChild(innerShiv(data));
			}else{
				s.innerHTML = data;
			}
			$("aside").before(s);
			$('.project',s).each(function(){
				$(this).makeSlider();
			});
			$('.imgs',s).each(function(){
				$(this).checkNav();
			});
			$("li",s).fadeTo('fast','0.5');
			if(page==pages){
				$('#more').fadeTo('fast','0', function(){
					$(this).html('').css('height', '100px');
				});
			}
		}
	}).responseText;
		
		
		/*
		var pid='page'+page;
		var $page=$(document.createElement('section'));
		$page.attr('id',pid);
		$page.load('ajax/page2.html',function(data){
			$("aside").before($page);
			$pid=$('#'+pid);
			$('.project',$pid).each(function(){
				$(this).makeSlider();
			});
			$('.imgs',$pid).each(function(){
				$(this).checkNav();
			});
			$("li",$pid).fadeTo('fast','0.5');
		});
		if(page==pages){
			$('#more').fadeTo('fast','0', function(){
				$(this).html('').css('height', '100px');
			});
		}
		*/
	});
	
	$(window).resize(function(){
		$(".imgs").each(function(){
			var $io=$(this).offset().left;
			var $in="#"+($(this).parent().attr('id'))+"nav";
			var $prevnav=$(".prev",$in);
			var $nextnav=$(".next",$in);
			if($io==0){
				$prevnav.fadeOut().addClass('hide');
			}else{
				$prevnav.stop(true,true).filter(":hidden").removeClass('hide');
				if($("li",$(this)).eq(0).css('opacity')==1){
					$prevnav.filter(":hidden").fadeIn();
				}
			}
			$io=$(window).width()-($(this).width()+$io);
			if(0<=$io){
				$nextnav.fadeOut().addClass('hide');
			}else{
				$nextnav.filter(":hidden").removeClass('hide');
				if($("li",$(this)).eq(0).css('opacity')==1){
					$nextnav.filter(":hidden").fadeIn();
				}
			}
		});
	});
	
	if(0<document.URL.indexOf("#")){
		var p=document.URL.substr(document.URL.indexOf("#"));
		if(1<p.length){
			$("li",p).fadeTo('fast','1');
		}
	}
});