$(document).ready(function(){

	//menu principale - apre-chiude sezioni e assegna classe al click
    $(".chi-item").click(function () {
	$(".visore").fadeOut(500);
	$(".info").fadeOut(500);
	$(".turco").delay(500).fadeIn(700);
	$(this).addClass('sel');
	$(".cosa-item,.info-item ").removeClass('sel');
    });
	
	$(".cosa-item").click(function () {
	$(".turco").fadeOut(500);
	$(".info").fadeOut(500);
	$(".visore").delay(500).fadeIn(700);
	$(this).addClass('sel');
	$(".chi-item,.info-item ").removeClass('sel');
    });
	
	$(".info-item").click(function () {
	$(".visore").fadeOut(500);
	$(".turco").fadeOut(500);
	$(".info").delay(500).fadeIn(700);
	$(this).addClass('sel');
	$(".chi-item,.cosa-item ").removeClass('sel');
    });
	
	//menu principale - rollover
	$("#nav li a").mouseover(function(){
		$(this).fadeTo(500, 0.5);
		$(this).fadeTo(500, 1);
		
	});
	 

	 
	 //info - contatti
	$(".right-item").live({
  		mouseenter: function() {
     	$(this).animate({ 
        marginTop: "-=20px",
		marginLeft: "-=20px",
		}, 1000 );
		$(".left-item").fadeTo(500, 0.3);
  	},
 	 	mouseleave: function() {
    	$(this).animate({ 
        marginTop: "+=20px",
		marginLeft: "+=20px",
		}, 1000 );
		$(".left-item").fadeTo(500, 1);
  	}
	});
	
	
	$(".left-item").live({
  		mouseenter: function() {
     	$(this).animate({ 
        marginTop: "-=20px",
		marginLeft: "+=20px",
		}, 1000 );
		$(".right-item").fadeTo(500, 0.3);
  	},
 	 	mouseleave: function() {
    	$(this).animate({ 
        marginTop: "+=20px",
		marginLeft: "-=20px",
		}, 1000 );
		$(".right-item").fadeTo(500, 1);
  	}
	});
	
		
	// tooltip
	$(function(){
		$(".tip-item").tipTip({maxWidth: "auto", edgeOffset: 10, content:"<span class='tt'>Ottimizzato per:</span><img src='img/ch.png' width='32' height='32' class='tt' /><span class='tt'>4+</span><img src='img/ff.png' width='32' height='32' class='tt' /><span class='tt'>4+</span><img src='img/sa.png' width='32' height='32' class='tt' /><span class='tt'>4+</span><img src='img/ie.png' width='32' height='32' class='tt' /><span class='tt'>9</span>",});
	});

	$(function(){
		$(".tip-item-2").tipTip({maxWidth: "auto", edgeOffset: 10, content:"<span class='tt'>Risoluzione minima</span><span class='tt tt-number'> 1024 x 768</span>",});
	});
	
	$(function(){
		$(".tip-item-ita").tipTip({maxWidth: "auto", edgeOffset: 10, content:"<span class='tt-lang'>Italiano</span>",});
	});
	
	$(function(){
		$(".tip-item-eng").tipTip({maxWidth: "auto", edgeOffset: 10, content:"<span class='tt-lang'>English</span>",});
	});
	
	
	$(function(){
		$(".tip-item-cv").tipTip({maxWidth: "auto", edgeOffset: 10, content:"<span class='tt-lang'>curriculum vitae Andrea Turco</span>",});
	});
	
 });