// JavaScript Document


$(document).ready(function() {

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

		$('a.panel').removeClass('selected');
		$(this).addClass('selected');
		
		current = $(this);
		
		$('#wrapper').scrollTo($(this).attr('href'), 900);		
		
		return false;
	});

	$(window).resize(function () {
		resizePanel();
	});
	
    // Initialise the first and second carousel by class selector.
	// Note that they use both the same configuration options (none in this case).	

	$('#fotos').css("display","none");
	$('#campanas').css("display","none");
	$('#imagen').css("display","none");
	$('#impresos').css("display","none");
	$('#logos').css("display","none");
	$("#pop").css("display","none");
	$("#web").css("display","none");
	
	$('.fotografia').click(function() {
  			$('#fotos').css("display","block");
			$('#campanas').css("display","none");
			$('#imagen').css("display","none");
			$('#impresos').css("display","none");
			$('#logos').css("display","none");
			$('#pop').css("display","none");
			$('#web').css("display","none");
			$('#fotos-carousel').jcarousel();
			resetSelected();
			$('.fotografia').removeClass("fotografia").addClass("fotografia_sel");
 	 	
	});
	$('.campanas').click( function() {
			
  			$('#fotos').css("display","none");
			$('#campanas').css("display","block");
			$('#imagen').css("display","none");
			$('#impresos').css("display","none");
			$('#logos').css("display","none");
			$('#pop').css("display","none");
			$('#web').css("display","none");
			$('#campanas-carousel').jcarousel();
			resetSelected();
			$('.campanas').removeClass("campanas").addClass("campanas_sel");
 	 	
	});
	$('.imagen').click(function() {
  			$('#fotos').css("display","none");
			$('#campanas').css("display","none");
			$('#imagen').css("display","block");
			$('#impresos').css("display","none");
			$('#logos').css("display","none");
			$('#pop').css("display","none");
			$('#web').css("display","none");			
			$('#imagen-carousel').jcarousel();
			resetSelected();
			$('.imagen').removeClass("imagen").addClass("imagen_sel");
 	 	
	});
	$('.impresos').click(function() {
  			$('#fotos').css("display","none");
			$('#campanas').css("display","none");
			$('#imagen').css("display","none");
			$('#impresos').css("display","block");
			$('#logos').css("display","none");
			$('#pop').css("display","none");
			$('#web').css("display","none");			
			$('#impresos-carousel').jcarousel();
			resetSelected();
			$('.impresos').removeClass("impresos").addClass("impresos_sel");
 	 	
	});
	
	$('.logos').click(function() {
  			$('#fotos').css("display","none");
			$('#campanas').css("display","none");
			$('#imagen').css("display","none");
			$('#impresos').css("display","none");
			$('#logos').css("display","block");
			$('#pop').css("display","none");
			$('#web').css("display","none");			
			$('#logos-carousel').jcarousel();
			resetSelected();					
			$('.logos').removeClass("logos").addClass("logos_sel");
			
	});
	$('.pop').click(function() {
  			$('#fotos').css("display","none");
			$('#campanas').css("display","none");
			$('#imagen').css("display","none");
			$('#impresos').css("display","none");
			$('#logos').css("display","none");
			$('#pop').css("display","block");
			$('#web').css("display","none");			
			$('#pop-carousel').jcarousel();
			resetSelected();
			$('.pop').removeClass("pop").addClass("pop_sel");
 	 	
	});
	$('.web').click(function() {
  			$('#fotos').css("display","none");
			$('#campanas').css("display","none");
			$('#imagen').css("display","none");
			$('#impresos').css("display","none");
			$('#logos').css("display","none");
			$('#pop').css("display","none");
			$('#web').css("display","block");			
			$('#web-carousel').jcarousel();
			resetSelected();
			$('.web').removeClass("web").addClass("web_sel");
 	 	
	});
	
	
	
});

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);
		
}
function resetSelected(){
	$('.fotografia_sel').removeClass("fotografia_sel").addClass("fotografia");
	$('.campanas_sel').removeClass("campanas_sel").addClass("campanas");
	$('.imagen_sel').removeClass("imagen_sel").addClass("imagen");
	$('.impresos_sel').removeClass("impresos_sel").addClass("impresos");
	$('.logos_sel').removeClass("logos_sel").addClass("logos");
	$('.pop_sel').removeClass("pop_sel").addClass("pop");
	$('.web_sel').removeClass("web_sel").addClass("web");
}