$(document).ready(function() {

var currentSlide = "#item1"

	$('a.panel').click(function () {

		$('a.panel').removeClass('selected');
		$(this).addClass('selected');
		
		current = $(this);
		
		$('#brandingWrapper').scrollTo($(this).attr('href'), 800);		
		
		currentSlide = (current.attr('href'));
		timer.reset();
		
		return false;
	});

	$(window).resize(function () {
		resizePanel();
	});
	
	var timer = $.timer(function() {
								 
				if (currentSlide == '#item1') {
					$('#brandingWrapper').scrollTo($('#item2'), 800);
					currentSlide = '#item2';
					$('a.panel').removeClass('selected');
					$('#slide1').addClass('selected');
					return false;
					} 
					
					else if (currentSlide == '#item2') {
						$('#brandingWrapper').scrollTo($('#item3'), 800);
						currentSlide = '#item3';
						$('a.panel').removeClass('selected');
						$('#slide2b').addClass('selected');
						return false;
						} 
						
						else {
							$('#brandingWrapper').scrollTo($('#item1'), 800);
							currentSlide = '#item1';
							$('a.panel').removeClass('selected');
							$('#slide2a').addClass('selected');
							return false;
							}         
        });
	
        timer.set({ time : 10000, autostart : true });
	

});


function resizePanel() {

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

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