var activeSlide = 0;
var activeWork = '';
var print = 1;
var collateral = 1;
var identity = 1;
var packaging = 1;
var digital = 1;
var misc = 1;

$(document).ready(function () {
	
$('a.prevBtn').hide();
$('a.nextBtn').hide();
	
// ---------- home nav clicks --------------	

	$('.companyBtn').click(function () {
		$('#slides').animate({top: 0},{
			easing: 'easeOutBounce',
			duration: 750
		});
		return false;
	});

	$('.workBtn').click(function () {
		$('.workhome').animate({opacity: 1},0);
		$('#slides').animate({left: '0'},{
			easing: 'easeOutBounce',
			duration: 750
		});
		return false;
	});

	$('.contactBtn').click(function () {
		$('#slides').animate({left: '-=960'},{
			easing: 'easeOutBounce',
			duration: 750
		});
		return false;
	});
	
// -------- home clicks ------------
	
	$('#company .homeLink').click(function () {
		$('#slides').animate({top: '-600'},{
			easing: 'easeOutBounce',
			duration: 750
		});
		$('#company #cnav a').removeClass('active');
		$('#company #cnav a.who').addClass('active');
		$('.slides').css('left', 0);
		return false;
	});
	
	$('#work .homeLink').click(function () {
		$('#slides').animate({left: '-960'},{
			easing: 'easeOutBounce',
			duration: 750
		});	
		activeWork = 'printslide';
		$('.sampleMenu a').removeClass('active');
		$('a.prevBtn').hide();
		$('a.nextBtn').hide();
		$(".workslides").animate({top: '0'}, {
			easing: 'easeOutQuad',
			duration: 0
		});
		
		return false;
	});
	
	$('#contact .homeLink').click(function () {
		$('#slides').animate({left: '+=960'},{
			easing: 'easeOutBounce',
			duration: 750
		});
		return false;
	});
	
// ------- company clicks ----------	
	
	$('.who').click(function () {
		$('#company #cnav a').removeClass('active');
		$(this).addClass('active');
		var sel = $(this).attr("rel");
		var dist = sel * 960;
		$(".slides").animate({left: -dist},{
			easing: 'easeOutQuad',
			duration: 450
		});
		return false;
	});
	
	$('.what').click(function () {
		$('#company #cnav a').removeClass('active');
		$(this).addClass('active');
		var sel = $(this).attr("rel");
		var dist = sel * 960;
		$(".slides").animate({left: -dist},{
			easing: 'easeOutQuad',
			duration: 450
		});
		return false;
	});
	
	$('.leadership').click(function () {
		$('#company #cnav a').removeClass('active');
		$(this).addClass('active');
		var sel = $(this).attr("rel");
		var dist = sel * 960;
		$(".slides").animate({left: -dist},{
			easing: 'easeOutQuad',
			duration: 450
		});
		return false;
	});
	
// ----------- work clicks -------------
$('.printBtn').click(function() {
	$('.sampleMenu a').removeClass('active');
	$(this).addClass('active');
	$('.printslide').css('left',0);
	$('a.prevBtn').show();
	$('a.nextBtn').show();
	activeWork = 'printslide';
	
	$('.slide').css({opacity: 0});
	$('.workslides').animate({
		top: -324,
	}, 0, function() {
			$('.printslide').animate({opacity: 1},450);
	});


	return false;
});

	$('.collateralBtn').click(function() {
		$('.sampleMenu a').removeClass('active');
		$(this).addClass('active');
		$('.collateralslide').css('left',0);
		$('a.prevBtn').show();
		$('a.nextBtn').show();
		activeWork = 'collateralslide';
		$('.slide').css({opacity: 0});
		
		$(".workslides").animate({
			top: -648
		}, 0, function() {
			$('.collateralslide').animate({opacity: 1},450);
		});
		return false;
	});
	$('.identityBtn').click(function() {
		$('.sampleMenu a').removeClass('active');
		$(this).addClass('active');
		$('.identityslide').css('left',0);
		$('a.prevBtn').show();
		$('a.nextBtn').show();
		activeWork = 'identityslide';
		
		$('.slide').css({opacity: 0});
		
		$(".workslides").animate({
			top: -972
		}, 0, function() {
			$('.identityslide').animate({opacity:1},450);
		});
		
		return false;
	});
	$('.packagingBtn').click(function() {
		$('.sampleMenu a').removeClass('active');
		$(this).addClass('active');
		$('.packagingslide').css('left',0);
		$('a.prevBtn').show();
		$('a.nextBtn').show();
		activeWork = 'packagingslide';
		$('.slide').css({opacity: 0});
		
		$(".workslides").animate({
			top: -1296
		}, 0, function () {
			$('.packagingslide').animate({opacity:1},450);
		});
		
		return false;
	});
	$('.digitalBtn').click(function() {
		$('.sampleMenu a').removeClass('active');
		$(this).addClass('active');
		$('.digitalslide').css('left',0);
		$('a.prevBtn').show();
		$('a.nextBtn').show();
		activeWork = 'digitalslide';
		$('.slide').css({opacity: 0});
		
		$(".workslides").animate({
			top: -1620
		}, 0, function () {
			$('.digitalslide').animate({opacity:1},450);
		});
		
		return false;
	});
	$('.miscBtn').click(function() {
		$('.sampleMenu a').removeClass('active');
		$(this).addClass('active');
		$('.miscslide').css('left',0);
		$('a.prevBtn').show();
		$('a.nextBtn').show();
		activeWork = 'miscslide';
		$('.slide').css({opacity: 0});
		
		$(".workslides").animate({
			top: -1944
		}, 0 ,function () {
			$('.miscslide').animate({opacity:1},450);
		});
		return false;
	});
	
	$('.prevBtn').click(function() {
		var s = activeWork;
		var l = $('.' + s);
		var pos = l.position();
		var p = pos.left;
		var n = $('.' + s + ' img').length;
		var w = n * 470;
		if(p < 0) {
			$('.' + s).animate({left: '+=470'}, {
				easing: 'easeOutQuad',
				duration: 450
			});
		}
		return false;
	});
	
	$('.nextBtn').click(function() {
		var s = activeWork;
		var l = $('.' + s);
		var pos = l.position();
		var p = 0 - pos.left;
		var n = $('.' + s + ' img').length;
		var w = (n - 1) * 470;
		if (p < w) {
			$('.' + s).animate({left: '-=470'}, {
				easing: 'easeOutQuad',
				duration: 450
			});
		}
		return false;
	});
	
//	$('a.lightbox').colorbox({transition:"none", height:"75%"});
	$('a.lightbox').fancybox({
		'height' : '75%'
	});

});