/******************************************************************************************************************/
// NAV MENU
/******************************************************************************************************************/

function handleNav(){
	// nav
	$('#nav .wrap').append('<div class="fx"></div><div class="link-down"></div>');
	$('#nav .fx').animate({ marginTop: '-180px' }, 800, 'easeOutExpo');
	/*$('#nav ul').delay(4000).animate({ marginLeft: '0px', opacity: 0 }, 300, function(){
		$('#nav .link-down').animate({ marginTop: '-15px' }, 500, 'easeOutExpo');
	});*/
	
	$('#panel').hover(function(){
		$('#nav ul').stop().animate({ marginLeft: '215px', opacity: 1 }, 300);
		$('#nav .link-down').stop().animate({ marginTop: '-50px' }, 300);
	}, function(){
		$('#nav ul').stop().animate({ marginLeft: '0px', opacity: 0 }, 300);
		$('#nav .link-down').stop().animate({ marginTop: '-15px' }, 800, 'easeOutElastic');
	});
	
	$('#nav a, .linktop a').click(function(){
		myid = $(this).attr('href');
		
		$(window).scrollTo(myid, 1000, { easing: 'easeOutExpo' });
		
		return false;
	});
	
	// top fx
	$('#nav .fx').hover(function(){
		$(this).stop().animate({ marginTop: '-60px' }, 300, 'easeOutExpo');
	}, function(){
		$(this).stop().animate({ marginTop: '-180px' }, 800, 'easeOutElastic');
	});
	
	scrolled = false;
	$(window).scroll(function () { 
		if ($(this).scrollTop() > 50) scrolled = true;
		else scrolled = false;
		
		if (scrolled) {
			$('#nav .fx').stop().animate({ marginTop: '-290px' }, 600, 'easeOutExpo');
			$('#carousel').fadeOut(1000);
		}
		else { 
			$('#nav .fx').stop().animate({ marginTop: '-180px' }, 800, 'easeOutElastic');
			$('#carousel').fadeIn(1000);
		}
	});
}

/******************************************************************************************************************/
// PAGES
/******************************************************************************************************************/

function adjustPages(){
	ww = $(window).width();
	wh = $(window).height();
		
	$('.page').height(wh - 50);	
	
	$('.linktop').css({ marginTop: (wh - 79) });
	$('#contatti .linktop').css({ marginTop: '472px' });
	
	if (wh < 700) {
		$('.cont').css({ marginTop: 100 });
		$('#carousel .bg').height(390);
		$('#servizi .wrap').css({ backgroundPosition: '0px 230px' });
		$('#contatti').css({ height: 'auto' });
	}
	else {
		mt = (wh - 430) / 2;
		$('.cont').css({ marginTop: mt });
		$('#carousel .bg').css({ height: 'auto' });
		$('#servizi .wrap').css({ backgroundPosition: '0px ' + (mt + 100) + 'px' });
		$('#contatti').height(wh);
	}
}

/******************************************************************************************************************/
// CAROUSEL
/******************************************************************************************************************/

var num = 0;
var curr = 0;

function showSlide(){
	hideSlide();
	
	myslide = $('#carousel .viewport li:eq('+ curr +')');
	myslide.show();
	
	myslide.find('.bg').fadeIn(1000, function(){
		myslide.find('.text').show();
		
		myslide.find('.text h1, .text p, .obj, .dida').animate({ marginLeft: '0px', opacity: 1 }, 1000);
	});
	
	$('#carousel .bullets li:eq('+ curr+')').addClass('sel');
}

function hideSlide(){
	$('#carousel .viewport li').hide();
	$('#carousel .bullets li').removeClass('sel');
		
	myslide = $('#carousel .viewport li:eq('+ curr +')');
	
	myslide.find('.text h1').css({ marginLeft: '-50px', opacity: 0 });
	myslide.find('.text p').css({ opacity: 0 });
	myslide.find('.obj').css({ marginLeft: '-150px', opacity: 0 });
	myslide.find('.dida').css({ opacity: 0 });
	
	myslide.find('.text').hide();
}

function loopSlides(){
	showSlide();
	
	curr++;
	if (curr >= num) curr = 0;
	
	mytimer = window.setTimeout('loopSlides()', 8000);
}

function handleCarousel(){
	num = $('#carousel li').size();
	$('#carousel').fadeIn(1000);
	
	if (num > 1) {
		$('#carousel').prepend('<div class="arrow"><div class="ar left">&lt;</div><div class="ar right">&gt;</div></div><div class="bullets"><ul></ul></div>');
		$('#carousel .arrow').css({ opacity: 0.2 });
		
		for (i = 1; i <= num; i++) $('#carousel .bullets ul').append('<li>'+ i +'</li>');

		// start loop
		loopSlides();
		
		// right
		$('#carousel .right').click(function(){	
			clearTimeout(mytimer);
							
			curr++;
			if (curr >= num) curr = 0;
			
			showSlide();
		});
		
		// left
		$('#carousel .left').click(function(){	
			clearTimeout(mytimer);
							
			curr--;
			if (curr < 0) curr = (num - 1);
			
			showSlide();
		});
		
		// over
		$('#carousel').hover(function(){
			$('#carousel .arrow').stop().animate({ opacity: 1 }, 500);
		}, function(){
			$('#carousel .arrow').stop().animate({ opacity: 0.2 }, 200);
		});
		
		// bullets
		$('#carousel .bullets li').click(function(){
			if (!$(this).hasClass('sel')) {
				curr = $('#carousel .bullets li').index(this);
				clearTimeout(mytimer);
				showSlide();
				
				curr++;
				if (curr >= num) curr = 0;
				
				mytimer = window.setTimeout('loopSlides()', 6000);
			}
		});
		
	}
}

/******************************************************************************************************************/
// PORTFOLIO
/******************************************************************************************************************/

function handlePortfolio(){
	// servizi
	$('#servizi .cont').prepend('<div class="balloon s1"></div><div class="balloon s2"></div><div class="balloon s3"></div><div class="balloon s4"></div><div class="balloon s5"></div><div class="balloon s6"></div>');
	$('#servizi .balloon').css({ marginLeft: '0px', opacity: 0 });
	
	$('.list a').click(function(){
		myid = $(this).attr('href');
		
		// jump to portfolio and open tab		
		$(window).scrollTo('#portfolio', 1000, { easing: 'easeOutExpo' });
		
		$('.tabs .labels li').removeClass('sel');		
		$('.tabs .tab').hide();
		
		$('#portfolio .labels a').each(function(){
			if ($(this).attr('href') == myid) $(this).parent().addClass('sel');
		});
		
		$(myid).show();
		
		return false;
	});
	
	$('.list li').hover(function(){
		myclass = $(this).attr('class');
		
		$('#servizi .balloon').css({ marginLeft: '0px', opacity: 0 });
		$('#servizi .balloon.'+ myclass).stop().animate({ marginLeft: '-60px', opacity: 1 }, 800, 'easeOutElastic');
	}, function(){
		$('#servizi .balloon').stop().animate({ marginLeft: '0px', opacity: 0 }, 200);
	});
	
	// chi
	$('.chi .text').hover(function(){
		$(this).parents('.wrap').addClass('eye');
	}, function(){
		$(this).parents('.wrap').removeClass('eye');
	});
	
	// fancybox
//	$('#portfolio .works .thumb').fancybox();
	/*$('#portfolio .works .thumb').live('click', function() {
        $.fancybox({
        	'autoDimensions'  : false,
        	'width'           : 'auto',
        	'height'          : 'auto',
        	'href'            : $(this).attr('href')
    	});
    	return false;
    });*/
	
	// over
	$('#portfolio .works li').css({ opacity: 0.3 });
	
	$('#portfolio .works li').live('hover',function(){
		$(this).stop().animate({ opacity: 1 }, 300);
	}, function(){
		$(this).stop().animate({ opacity: 0.3 }, 500);
	});
}

function ajaxLoaderPortfolio(){
	$.each( { p1:'1', p2:'3', p3:'4', p4:'5', p5:'6', p6:'7', p7:'8', clients:'0'}, function(i,val) {
		$.ajax({
   			type: "POST",
   			url: "/wp-content/themes/umbertocapriotti.it/ajax-load-portfolio.php",
   			data: "action="+i+"&id_category="+val,
   			success: function(msg){
   				$('#'+i).html(msg);

				$('#portfolio .works .thumb').fancybox();
   			}
 		});
   });
}

/******************************************************************************************************************/
// TABS HANDLE
/******************************************************************************************************************/

function handleTabs(){
	$('.tabs .tab').hide();
	
	$('.tabs .sel').each(function(){
		initid = $(this).find('a').attr('href');
		$(initid).show();
	});
	
	$('.tabs .labels a').click(function(){
		$('.tabs .labels li').removeClass('sel');
		$(this).parent().addClass('sel');
		
		myid = $(this).attr('href');
		
		$('.tabs .tab').hide();
		$(myid).show(300);
		
		return false;
	});
}

/******************************************************************************************************************/
// CASES
/******************************************************************************************************************/

var cnum = 0;
var ccurr = 0;
var cid;

function handleCases(){
	cnum = $('#cases .viewport li').size();
	
	$('#cases .gallery a').fancybox();
	
	if (cnum > 1) {
		$('#cases .wrap').prepend('<div class="arrow"><div class="ar left">&lt;</div><div class="ar right">&gt;</div></div>');
		$('#cases .arrow').css({ opacity: 0.2 });
		
		$('#cases .viewport li').hide();
		$('#cases .thumbs li:eq(0)').addClass('sel');
		
		cid = $('#cases .thumbs li:eq(0) a').attr('href');
		
		$(cid).show();
		
		// thumbs click
		$('#cases .thumbs a').click(function(){
			if (!$(this).parents('li').hasClass('sel')) {
				$('#cases .viewport li').hide();
				$('#cases .thumbs li').removeClass('sel');
				$('#cases .viewport li .text').css({ marginTop: 200, opacity: 0 });
				$('#cases .viewport li .logo').css({ marginRight: 100, opacity: 0 });
				
				$(this).parents('li').addClass('sel');
				
				cid = $(this).attr('href');
				ccurr = $('#cases .thumbs a').index(this);
				
				$(cid).show();
				$(cid).find('.text').animate({ marginTop: 20, opacity: 1 }, 500);
				$(cid).find('.logo').animate({ marginRight: 30, opacity: 1 }, 500);
			}
			
			return false;
		});
		
		// over
		$('#cases .viewport, #cases .arrow').hover(function(){
			$('#cases .arrow').stop().animate({ opacity: 1 }, 500);
		}, function(){
			$('#cases .arrow').stop().animate({ opacity: 0.2 }, 200);
		});
		
		// right click
		$('#cases .right').click(function(){
			ccurr++;
			if (ccurr >= cnum) ccurr = 0;
			
			$('#cases .viewport li').hide();
			$('#cases .thumbs li').removeClass('sel');
			$('#cases .viewport li .text').css({ marginTop: 200, opacity: 0 });
			$('#cases .viewport li .logo').css({ marginRight: 100, opacity: 0 });
			
			$('#cases .thumbs li:eq('+ ccurr +')').addClass('sel');
			
			cid = $('#cases .thumbs li:eq('+ ccurr +') a').attr('href');
			
			$(cid).show();
			$(cid).find('.text').animate({ marginTop: 20, opacity: 1 }, 500);
			$(cid).find('.logo').animate({ marginRight: 30, opacity: 1 }, 500);
		});
		
		// left click
		$('#cases .left').click(function(){
			ccurr--;
			if (ccurr < 0) ccurr = cnum - 1;
			
			$('#cases .viewport li').hide();
			$('#cases .thumbs li').removeClass('sel');
			$('#cases .viewport li .text').css({ marginTop: 200, opacity: 0 });
			$('#cases .viewport li .logo').css({ marginRight: 100, opacity: 0 });
			
			$('#cases .thumbs li:eq('+ ccurr +')').addClass('sel');
			
			cid = $('#cases .thumbs li:eq('+ ccurr +') a').attr('href');
			
			$(cid).show();
			$(cid).find('.text').animate({ marginTop: 20, opacity: 1 }, 500);
			$(cid).find('.logo').animate({ marginRight: 30, opacity: 1 }, 500);
		});
		
		// carousel click
		if ($('#carousel').hasClass('test')) {
			$('#carousel li').css({ cursor: 'pointer' });
			
			$('#carousel li').click(function(){
				myid = $(this).attr('id');
				ccurr = myid.substr(1) - 1;
				myid = '#c' + myid.substr(1);
				
				// jump to cases
				$(window).scrollTo('#cases', 1000, { easing: 'easeOutExpo' });
			
				$('#cases .viewport li').hide();
				$('#cases .thumbs li').removeClass('sel');
				$('#cases .viewport li .text').css({ marginTop: 200, opacity: 0 });
				$('#cases .viewport li .logo').css({ marginRight: 100, opacity: 0 });

				$(myid).parents('li').addClass('sel');

				cid = myid;
				
				$('#cases .thumbs li:eq('+ ccurr +')').addClass('sel');

				$(cid).show();
				$(cid).find('.text').animate({ marginTop: 20, opacity: 1 }, 500);
				$(cid).find('.logo').animate({ marginRight: 30, opacity: 1 }, 500);
			});
			
			$('#carousel .link-case').click(function(){
				myid = $(this).attr('href');

				// jump to cases
				$(window).scrollTo('#cases', 1000, { easing: 'easeOutExpo' });

				$('#cases .viewport li').hide();
				$('#cases .thumbs li').removeClass('sel');
				$('#cases .viewport li .text').css({ marginTop: 200, opacity: 0 });
				$('#cases .viewport li .logo').css({ marginRight: 100, opacity: 0 });

				$(myid).parents('li').addClass('sel');

				cid = myid;

				$('#cases .thumbs li:eq('+ ccurr +')').addClass('sel');

				$(cid).show();
				$(cid).find('.text').animate({ marginTop: 20, opacity: 1 }, 500);
				$(cid).find('.logo').animate({ marginRight: 30, opacity: 1 }, 500);
				
				return false;
			});
		}
	}
}

/******************************************************************************************************************/
// on load...
/******************************************************************************************************************/

$(function(){
	
	// ajax loader portfolio
	ajaxLoaderPortfolio();
	
	// nav
	handleNav();
	
	// pages
	adjustPages();
	$(window).resize(function(){ adjustPages(); });
	
	// carousel
	handleCarousel();
	
	// portfolio
	handlePortfolio();
	
	// cases
	handleCases();
	
	// tabs
	handleTabs();
	
	// footer links
	$('.links a').hover(function(){
		$(this).animate({ marginTop: '10px'}, 300, 'easeOutElastic');
	}, function(){
		$(this).animate({ marginTop: '0px'}, 100);
	});
});