// JavaScript Document
$(document).ready(function() {
	
	var currSlideNum = 1;
	
	$('a[href=#item1]').find('img.imgBtn').attr({src:'images/dot_dark.png'});
	
	$('a.panel').click(function () {

		$('.imgBtn').attr({src:'images/dot_light.png'});
		$(this).find('img').attr({src:'images/dot_dark.png'});
		
		current = $(this);
		
		$('#wrapper').scrollTo($(this).attr('href'), 300);
		
		//grabs the number value from the href attribute
		currSlideNum = $(this).attr('href').slice(5,6);
		
		revealContactBtns(currSlideNum);
		
		return false;
	});
	
	$('a.arrow').mouseover(function () {
		$('a.arrow').find('img').attr({src:'images/uh_next_hover.png'});
	});
	
	$('a.arrow').mouseout(function () {
		$('a.arrow').find('img').attr({src:'images/uh_next.png'});
	});
	
	$('a.arrow').click(function () {
		
		currSlideNum++;
		
		$('.imgBtn').attr({src:'images/dot_light.png'});
		$('a[href=#item'+currSlideNum+']').find('img').attr({src:'images/dot_dark.png'});
		
		if (currSlideNum <= $('#navigation').children().length) {
			$('#wrapper').scrollTo('#item'+(currSlideNum), 300);
		} else {
			$('#wrapper').scrollTo('#item1', 300);
			$('a[href=#item1]').find('img').attr({src:'images/dot_dark.png'});
			currSlideNum = 1;
		}

		revealContactBtns(currSlideNum);

		return false;
	});

	$(window).resize(function () {
		resizePanel();
	});
	
});

function revealContactBtns(currSlideNum) {
		
	if (currSlideNum == 5) {
		$('#buttonWrapper').css('display','block');
		$('#portfolioBtn').css('display','block');
	} else {
		$('#buttonWrapper').css('display','none');
		$('#portfolioBtn').css('display','none');
	}
}

function resizePanel() {

	width = $(window).width();
	height = $(window).height();

	mask_width = width * $('.item').length;
		
	$('#debug').html(width  + ' ' + height + ' ' + mask_width);
		
	$('#wrapper, .item').css({width: width, height: height});
	$('#mask').css({width: mask_width, height: height});
	$('#wrapper').scrollTo($('a.selected').attr('href'), 0);
		
}