jQuery.fx.interval = 35;
var margin_l = 0;
var num = 0;
var speed = 1000;
var trans = "easeOutQuint";
var dots;



$(function() {
	portfolio_init();
});

function portfolio_init() {
	dots = $("#p_list li");
	portfolio_nav();
	set_sizes();
	$(window).resize(set_sizes);
	$("a.lightbox").fancybox();
	$(".p_overlay").hide();
}

function set_sizes() {
	var window_w = $(document).width();
	var window_h = $(window).height();
	var items = $(".item");
	var everything_w = window_w * items.length;
	margin_l = -(window_w * num);
	
	$("#p_holder").css({
		width:everything_w,
		marginLeft:margin_l
	});
	
	$("#i_holder").css({
		width:everything_w,
		marginLeft:margin_l
	});
	
	items.css({
		width:window_w
	});
}

function portfolio_nav() {
	$("#p_next").click(function(el) {
		el.preventDefault();
    next();
	});
	$("#p_prev").click(function(el) {
		el.preventDefault();
    prev();
	});
	if($('.item.img').length <= 1) {
		$("#p_next").css({
			opacity:0
		});
	}

	dots.each(function(index){
		$(this).click(function(el) {
			el.preventDefault();
			num = index;
			slider();
		})
	});
	
	$(window).keydown(function(event) {
  if (event.keyCode == '37') {
     event.preventDefault();
     prev();
     $('#p_prev').addClass('on');
   }
  if (event.keyCode == '39') {
    event.preventDefault();
    next();
    $('#p_next').addClass('on');
  }
	});
	
	$(window).keyup(function(event) {
	   $('.p_link').removeClass('on');
	});

	$(".p_show").click(function() {
	 $(this).siblings(".p_overlay").fadeIn();
	});
	$(".p_close").click(function() {
	 $(this).parent(".p_overlay").fadeOut();
	});
}

function next() {
  if(num < $(".item.img").length - 1 ) {
		num++;
		slider();
	}
}

function prev() {
	if(num > 0) {
		num--;
		slider();
	} 
}

function slider() {
	margin_l = -($(window).width() * num);
	$("#p_holder").animate({
		marginLeft:margin_l
	},{
		duration:speed,
		easing:trans,
		queue:false
	});
	$("#i_holder").animate({
		marginLeft:margin_l
	},{
		duration:speed + 100,
		easing:trans,
		queue:false
	});
	
	if(num == 0) {
		$("#p_prev").animate({
			opacity:0
		},{
			duration:speed,
			easing:trans,
			queue:false
		});
	}
	if(num > 0) {
		$("#p_prev").animate({
			opacity:1
		},{
			duration:speed,
			easing:trans,
			queue:false
		});
	}
	if(num == $('.item.img').length - 1) {
		$("#p_next").animate({
			opacity:0
		},{
			duration:speed,
			easing:trans,
			queue:false
		});
	}
	else {
		$("#p_next").animate({
			opacity:1
		},{
			duration:speed,
			easing:trans,
			queue:false
		});
	}
	$("#p_list .on").removeClass('on');
	$(dots[num]).addClass('on');
}