$(document).ready(function(){

	numitems = 6;
	currentset = 0;

	//reset css
	$('#carousel').scrollLeft(0);

	image1 = new Image();
	image2 = new Image();
	image3 = new Image();
	image4 = new Image();
	image5 = new Image();
	image6 = new Image();
	image7 = new Image();
	image8 = new Image();
	image9 = new Image();
	image10 = new Image();
	image11 = new Image();
	image12 = new Image();
	image13 = new Image();
	image14 = new Image();
	image15 = new Image();
	image16 = new Image();
	image17 = new Image();
	image18 = new Image();
	image19 = new Image();
	image20 = new Image();
	image21 = new Image();
	image22 = new Image();
	image23 = new Image();
	image24 = new Image();
	image25 = new Image();
	image26 = new Image();
	image27 = new Image();
	image28 = new Image();
	image29 = new Image();
	image30 = new Image();
	image31 = new Image();

	image1.src = 'images/portfolio_ndpbrowser.jpg';
	image2.src = 'images/portfolio_renegadebrowser.jpg';
	image3.src = 'images/portfolio_sasksettbrowser.jpg';
	image4.src = 'images/portfolio_napkinbrowser.jpg';
	image5.src = 'images/portfolio_plainsbrowser.jpg';
	image6.src = 'images/portfolio_alcatbrowser.jpg';
	image7.src = 'images/portfolio_snoreezzzbrowser.jpg';
	image8.src = 'images/portfolio_veritebrowser.jpg';
	image9.src = 'images/portfolio_cjtrbrowser.jpg';
	image10.src = 'images/portfolio_ndptitle.jpg';
	image11.src = 'images/portfolio_renegadetitle.jpg';
	image12.src = 'images/portfolio_sasksetttitle.jpg';
	image13.src = 'images/portfolio_napkintitle.jpg';
	image14.src = 'images/portfolio_plainstitle.jpg';
	image15.src = 'images/portfolio_alcattitle.jpg';
	image16.src = 'images/portfolio_snoreezzztitle.jpg';
	image17.src = 'images/portfolio_veritetitle.jpg';
	image18.src = 'images/portfolio_cjtrtitle.jpg';
	image19.src = 'images/pthumb_1.jpg';
	image20.src = 'images/pthumb_2active.jpg';
	image21.src = 'images/pthumb_3active.jpg';
	image22.src = 'images/pthumb_4active.jpg';
	image23.src = 'images/pthumb_5active.jpg';
	image24.src = 'images/pthumb_6active.jpg';
	image25.src = 'images/pthumb_7active.jpg';
	image26.src = 'images/pthumb_8active.jpg';
	image27.src = 'images/pthumb_9active.jpg';
	image28.src = 'images/portfolio_ureginabrowser.jpg';
	image29.src = 'images/portfolio_ureginatitle.jpg';
	image30.src = 'images/pthumb_10active.jpg';
	image31.src = 'images/pthumb_11active.jpg';
	
});

function nextSet(activate) {

	if(((currentset+1)*6) > numitems) {
		return false;	
	}
	
	currentset++;

	//slide carousel
	$('#carousel').animate({scrollLeft: 768}, "slow");
	
	//send blue circle back to beginning
	$('#portfolio_hover').animate({"marginLeft": 0}, "normal", function() {
		firstitem = (currentset*6)+1;
		
		//reset all to blank
		resetAll();
		
		//fade stage
		fadeStage();

		loadStage(firstitem);
		
		//activate first item in line
		$('#portfolioitem'+firstitem).css('background-image', 'url(images/pthumb_'+firstitem+'active.jpg)');
	});
	
}

function prevSet() {
	
	if(currentset == 0) {
		return false;	
	}
	
	currentset--;
	
	//slide carousel
	$('#carousel').animate({scrollLeft: -768}, "slow");
	
	//send blue circle back to beginning
	$('#portfolio_hover').animate({"marginLeft": 0}, "normal", function() {
		firstitem = (currentset*6)+1;
		
		//reset all to blank
		resetAll();
		
		//fade stage
		fadeStage();

		loadStage(firstitem);
		
		//activate first item in line
		$('#portfolioitem'+firstitem).css('background-image', 'url(images/pthumb_'+firstitem+'active.jpg)');
	});
	
}

function GoToItem(id) {

	//determine margin
	offset = currentset*6;
	lineitem = id-offset;
	margin = (lineitem-1)*128;

	//reset all to blank
	resetAll();
	
	//fade stage
	fadeStage();

	$('#portfolio_hover').animate({"marginLeft": margin+'px'}, "normal", function() {
		$('#portfolioitem'+id).css('background-image', 'url(images/pthumb_'+id+'active.jpg)');
		
		//load stage
		loadStage(id);
		
	});
	
}

function fadeStage() {
	$('#stagecontent').fadeOut('fast');
}

function loadStage(id) {
	//grab data
	$("#stagecontent").load('stages/portfolio/'+id+'.html', function() {
		$("#stagecontent").fadeIn('fast');
	});
}
function resetAll() {
	$('#portfolioitem1').css('background-image', 'url(images/pthumb_1.jpg)');
	$('#portfolioitem2').css('background-image', 'url(images/pthumb_2.jpg)');
	$('#portfolioitem3').css('background-image', 'url(images/pthumb_3.jpg)');
	$('#portfolioitem4').css('background-image', 'url(images/pthumb_4.jpg)');
	$('#portfolioitem5').css('background-image', 'url(images/pthumb_5.jpg)');
	$('#portfolioitem6').css('background-image', 'url(images/pthumb_6.jpg)');
	$('#portfolioitem7').css('background-image', 'url(images/pthumb_7.jpg)');
	$('#portfolioitem8').css('background-image', 'url(images/pthumb_8.jpg)');
	$('#portfolioitem9').css('background-image', 'url(images/pthumb_9.jpg)');
	$('#portfolioitem10').css('background-image', 'url(images/pthumb_10.jpg)');
	$('#portfolioitem11').css('background-image', 'url(images/pthumb_11.jpg)');
	
	$('#portfolioitem1').hover(function() {
		$('#portfolioitem1').css('background-image', 'url(images/pthumb_1active.jpg)');
	}, function() {
		$('#portfolioitem1').css('background-image', 'url(images/pthumb_1.jpg)');
	});
	
	$('#portfolioitem2').hover(function() {
		$('#portfolioitem2').css('background-image', 'url(images/pthumb_2active.jpg)');
	}, function() {
		$('#portfolioitem2').css('background-image', 'url(images/pthumb_2.jpg)');
	});
	
	$('#portfolioitem3').hover(function() {
		$('#portfolioitem3').css('background-image', 'url(images/pthumb_3active.jpg)');
	}, function() {
		$('#portfolioitem3').css('background-image', 'url(images/pthumb_3.jpg)');
	});
	
	$('#portfolioitem4').hover(function() {
		$('#portfolioitem4').css('background-image', 'url(images/pthumb_4active.jpg)');
	}, function() {
		$('#portfolioitem4').css('background-image', 'url(images/pthumb_4.jpg)');
	});
	
	$('#portfolioitem5').hover(function() {
		$('#portfolioitem5').css('background-image', 'url(images/pthumb_5active.jpg)');
	}, function() {
		$('#portfolioitem5').css('background-image', 'url(images/pthumb_5.jpg)');
	});
	
	$('#portfolioitem6').hover(function() {
		$('#portfolioitem6').css('background-image', 'url(images/pthumb_6active.jpg)');
	}, function() {
		$('#portfolioitem6').css('background-image', 'url(images/pthumb_6.jpg)');
	});
	
	$('#portfolioitem7').hover(function() {
		$('#portfolioitem7').css('background-image', 'url(images/pthumb_7active.jpg)');
	}, function() {
		$('#portfolioitem7').css('background-image', 'url(images/pthumb_7.jpg)');
	});
	
	$('#portfolioitem8').hover(function() {
		$('#portfolioitem8').css('background-image', 'url(images/pthumb_8active.jpg)');
	}, function() {
		$('#portfolioitem8').css('background-image', 'url(images/pthumb_8.jpg)');
	});
	
	$('#portfolioitem9').hover(function() {
		$('#portfolioitem9').css('background-image', 'url(images/pthumb_9active.jpg)');
	}, function() {
		$('#portfolioitem9').css('background-image', 'url(images/pthumb_9.jpg)');
	});
		
	$('#portfolioitem10').hover(function() {
		$('#portfolioitem10').css('background-image', 'url(images/pthumb_10active.jpg)');
	}, function() {
		$('#portfolioitem10').css('background-image', 'url(images/pthumb_10.jpg)');
	});
		
	$('#portfolioitem11').hover(function() {
		$('#portfolioitem11').css('background-image', 'url(images/pthumb_11active.jpg)');
	}, function() {
		$('#portfolioitem11').css('background-image', 'url(images/pthumb_11.jpg)');
	});

}