$(window).resize(function () {
altoP();
menuTOP();

 });

$(document).ready(inicia);
function inicia(){



$('.navegacionportada .nav li a').click(abrePanel);
$('#schede #what').animate({left:'0px'},800);
$('#service .contenuto a').click(navservis);


altoP();
menuTOP();

}


$(window).scroll(function() {
scrolling();

});


function navservis(){
var ITEMSevice = $(this).parent().attr('class');


switch(ITEMSevice){
	
	
	
	case 'unoservice lineablu':
	$('#service .contenuto #fashion ').delay(300).show(200);
	$('#service .contenuto #strategic').hide(200);
	
	$('.navservice a span').removeClass("active");
	$('.unoservice a span').addClass("active");
	
	break;
	
	case 'dueservice':
	$('#service .contenuto #strategic').delay(300).show(200);
	$('#service .contenuto #fashion').hide(200);
	$('.dueservice a span').addClass("active");
	$('.unoservice a span').removeClass("active");
	break;
	
	
	
}
}






function abrePanel(){

var ITEM = $(this).parent().attr('class');
altoP();

switch(ITEM){
	  

	case 'what':
	$('.what a span').addClass("active");
	$('.who a span').removeClass("active");
	$('.service a span').removeClass("active");
	$('.clients a span').removeClass("active");
	$('.press a span').removeClass("active");
	$('.contacts a span').removeClass("active");
	
	$('#schede #what').addClass("activado");
	$('#schede #who').removeClass("activado");
	$('#schede #service').removeClass("activado");
	$('#schede #clients').removeClass("activado");
	$('#schede #press').removeClass("activado");
	$('#schede #contacts').removeClass("activado");
	
	$('#schede #what').delay(100).animate({left:'0px'},800);
	$('#schede #who').delay(800).animate({left:'-700px'},800);
	$('#schede #service').delay(800).animate({left:'-700px'},800);
	$('#schede #clients').delay(800).animate({left:'-700px'},800);
	$('#schede #press').delay(800).animate({left:'-700px'},800);
	$('#schede #contacts').delay(800).animate({left:'-700px'},800);
	altoP();
	break;
	
	
	
	case 'who':
	$('.who a span').addClass("active");
	$('.what a span').removeClass("active");
	$('.service a span').removeClass("active");
	$('.clients a span').removeClass("active");
	$('.press a span').removeClass("active");
	$('.contacts a span').removeClass("active");
	
	
	
	$('#schede #who').addClass("activado");
	$('#schede #what').removeClass("activado");
	$('#schede #service').removeClass("activado");
	$('#schede #clients').removeClass("activado");
	$('#schede #press').removeClass("activado");
	$('#schede #contacts').removeClass("activado");
	
	$('#schede  #who').delay(100).animate({left:'0px'},800);
	$('#schede #what').delay(800).animate({left:'-700px'},800);
	$('#schede #service').delay(800).animate({left:'-700px'},800);
	$('#schede #clients').delay(800).animate({left:'-700px'},800);
	$('#schede #press').delay(800).animate({left:'-700px'},800);
	$('#schede #contacts').delay(800).animate({left:'-700px'},800);
	altoP();
	break;
	
	
	
	
	case 'service':
	$('.service a span').addClass("active");
	$('.what a span').removeClass("active");
	$('.who a span').removeClass("active");
	$('.clients a span').removeClass("active");
	$('.press a span').removeClass("active");
	$('.contacts a span').removeClass("active");
	
	$('#schede #service').addClass("activado");
	$('#schede #what').removeClass("activado");
	$('#schede #who').removeClass("activado");
	$('#schede #clients').removeClass("activado");
	$('#schede #press').removeClass("activado");
	$('#schede #contacts').removeClass("activado");
	
	$('#schede  #service').delay(100).animate({left:'0px'},800);
	$('#schede #what').delay(800).animate({left:'-700px'},800);
	$('#schede #who').delay(800).animate({left:'-700px'},800);
	$('#schede #clients').delay(800).animate({left:'-700px'},800);
	$('#schede #press').delay(800).animate({left:'-700px'},800);
	$('#schede #contacts').delay(800).animate({left:'-700px'},800);
	altoP();
	break;
	
	
	
	case 'clients':
	$('.clients a span').addClass("active");
	$('.what a span').removeClass("active");
	$('.who a span').removeClass("active");
	$('.service a span').removeClass("active");
	$('.press a span').removeClass("active");
	$('.contacts a span').removeClass("active");
	
	$('#schede #clients').addClass("activado");
	$('#schede #what').removeClass("activado");
	$('#schede #service').removeClass("activado");
	$('#schede #who').removeClass("activado");
	$('#schede #press').removeClass("activado");
	$('#schede #contacts').removeClass("activado");
	
	$('#schede  #clients').delay(100).animate({left:'0px'},800);
	$('#schede #what').delay(800).animate({left:'-700px'},800);
	$('#schede #service').delay(800).animate({left:'-700px'},800);
	$('#schede #who').delay(800).animate({left:'-700px'},800);
	$('#schede #press').delay(800).animate({left:'-700px'},800);
	$('#schede #contacts').delay(800).animate({left:'-700px'},800);
	altoP();
	break;
	
	case 'press':
	$('.press a span').addClass("active");
	$('.what a span').removeClass("active");
	$('.who a span').removeClass("active");
	$('.clients a span').removeClass("active");
	$('.service a span').removeClass("active");
	$('.contacts a span').removeClass("active");
	
	$('#schede #press').addClass("activado");
	$('#schede #what').removeClass("activado");
	$('#schede #service').removeClass("activado");
	$('#schede #clients').removeClass("activado");
	$('#schede #who').removeClass("activado");
	$('#schede #contacts').removeClass("activado");
	
	$('#schede  #press').delay(100).animate({left:'0px'},800);
	$('#schede #what').delay(800).animate({left:'-700px'},800);
	$('#schede #service').delay(800).animate({left:'-700px'},800);
	$('#schede #clients').delay(800).animate({left:'-700px'},800);
	$('#schede #who').delay(800).animate({left:'-700px'},800);
	$('#schede #contacts').delay(800).animate({left:'-700px'},800);
	altoP();
	break;
	
	case 'contacts':
	$('.contacts a span').addClass("active");
	$('.what a span').removeClass("active");
	$('.who a span').removeClass("active");
	$('.clients a span').removeClass("active");
	$('.service a span').removeClass("active");
	$('.press a span').removeClass("active");
	
	$('#schede #contacts').addClass("activado");
	$('#schede #what').removeClass("activado");
	$('#schede #service').removeClass("activado");
	$('#schede #clients').removeClass("activado");
	$('#schede #press').removeClass("activado");
	$('#schede #who').removeClass("activado");
	
	$('#schede  #contacts').delay(100).animate({left:'0px'},800);
	$('#schede #what').delay(800).animate({left:'-700px'},800);
	$('#schede #service').delay(800).animate({left:'-700px'},800);
	$('#schede #clients').delay(800).animate({left:'-700px'},800);
	$('#schede #press').delay(800).animate({left:'-700px'},800);
	$('#schede #who').delay(800).animate({left:'-700px'},800);
	altoP();
	break;
	
	
	}	
}





/* resizePanel */


function altoP (){	
	
	
	
	if ( $ ( '#contenitore' ) .height ( ) < $ ( '.activado .contenuto' ) .height ( ) ) { 
             $ ( "#contenitore" ) .delay(300).height ( $ ( '.activado .contenuto' ) .height ( ) ) 
         } else { 
             $ ( "#contenitore" ) .delay(300).height ( $ ( '.activado .contenuto' ) .height ( ) ) 
         } 
   /* replay scroll top y left = a 0 */	 
 
	
	}


function menuTOP(){
	
	
if ($(window).height() >=530){
	
	
	$('.nav').animate({ top:'240px'},100);
	$('#logo').animate({ top:'60px'},100);
	
	$('.navegacionportada').css({ height:'100%'},100);
	
	}
	else {
	$('.nav').animate({ top:'0px'},100);
	$('#logo').animate({ top:'335px'},100);
	$('.navegacionportada').css({ height:'2800px'},100);
		
		}
	


	} 
	
	
	

function scrolling(){
	$('#social').stop().animate({top:$(window).scrollTop()+68},300);

	}