$(document).ready(function() {

$("a[@href^=http]").each(
    function(){
            if(this.href.indexOf(location.hostname) == -1) {
        $(this).attr('target', '_blank');
      }
    }
  )
  
  $(function() {
	$('.lightbox').lightBox({fixedNavigation:true});
});

var itemCount = Math.ceil($('#portfolioNavWrapper ul li a').size());

var menuPos = 0;


var amount = menuPos * -600;
$('#portfolioNavWrapper').css({'left': amount});


calcArrows(menuPos);

function calcArrows(pos) {

if (Math.ceil(itemCount / 6)-1 > pos) {

$('#portfolioNavRight').addClass('active');

} else {

$('#portfolioNavRight').removeClass('active');

}

if (itemCount - pos < itemCount) {

$('#portfolioNavLeft').addClass('active');

} else {

$('#portfolioNavLeft').removeClass('active');

}

}


function scrollMenu(pos) {

var amount = pos * -600;
$('#portfolioNavWrapper').animate({'left': amount}, 1200, 'easeInOutCirc');
calcArrows(pos);
//$.cookie('protfolioPos', pos);
}

$('#portfolioNavRight').click(function() {

if (Math.ceil(itemCount / 6)-1 > menuPos) {
//calcArrows(menuPos);
menuPos++;

scrollMenu(menuPos);
}
});

$('#portfolioNavLeft').click(function() {

if (itemCount - menuPos < itemCount) {
//calcArrows(menuPos);
menuPos--;
scrollMenu(menuPos);
}


});

$('#portfolioNavWrapper ul li a').click(function() {
        
        var item = $(this).attr('id');

        
        $('#portfolioItem').fadeOut(500, function() {

            $.ajax({
                
                	url: 'includes/portfolioItem.php',
                	type: 'POST',
                	datatype: 'html',
                    data: {
        	
                        id: item
           
                    },
                	success: function(data) {
                        
                        $('#portfolioItem').html(data).fadeIn(500);
                    }
                    
            });
            
                                
        
        });
        
        

    });
    
    $.ajax({
                
                	url: 'includes/portfolioItem.php',
                	type: 'POST',
                	datatype: 'html',
                    data: {
        	
                        id: 'item' + itemCount
           
                    },
                	success: function(data) {
                        
                        $('#portfolioItem').html(data);
                    }
                    
            });

});