/**
 * @author silviagriglio
 */
var testoVisualizzato;
var testoDaVisualizzare;
var essenzaVisualizzata;
var voce_selezionata = $(".vetrina");
var estrattoDaVisualizzare;
var footerVisualizzato;
var lingua = "it";

$(document).ready(init);

function init(){
	if ($(".intro").length!=0) {
		$(".contenitore_testi").css("display", "none");
		$("#hotZone").hover(function(){
			$(".intro").fadeOut(800, apriContenuti);
			testoVisualizzato = ".vetrina";
		});
	/*
	 $(".intro").click(function(){
	 $(".intro").fadeOut(800, apriContenuti);
	 testoVisualizzato = ".vetrina";
	 });
	 */
	}
	else
	{
		$(".contenitore_testi").css("display", "none");
		apriContenuti();
		testoVisualizzato = ".vetrina";
		
	}
    selectLanguage();
	
}


function apriContenuti(){
    $(".content").fadeIn(1000);
    //Faccio apparire le voci del menu
    $(".rettangoli_menu > img").animate({
        width: "60px"
    }, 500, function(){
        $(".rettangoli_menu > span").animate({
            opacity: 1
        }, 500);
    });
    
    //Registro il menu per il click e imposto il fadeIn fadeOut per le varie sezioni di testo
    $(".rettangoli_menu").click(function(){
        var title = $(this).attr("title");
        $(this).attr("id", "selected");
        if (voce_selezionata.attr("title") != $(this).attr("title")) {
            testoDaVisualizzare = "#" + $(this).attr("title");
            $(testoVisualizzato).fadeOut(300, function(){
                $(essenzaVisualizzata).css("display", "none");
                //$(essenzaVisualizzata).css("margin-left", "-825px");
                $(testoDaVisualizzare).fadeIn(300);
                
                //Serve per far visualizzare la prima immagine quando apri una sezione e se sei su LT e aromacologia appare subito il testo
                if (title == "lt") {
                    $(".descrizione_testi").css("overflow-y", "scroll");
                    essenzaVisualizzata = $("#bio");
                    $(essenzaVisualizzata).css("display", "block");
                }
                else 
                    if (title == "aromacologia") {
                        $(".descrizione_testi").css("overflow-y", "scroll");
                        essenzaVisualizzata = $("#aromacology");
                        $(essenzaVisualizzata).css("display", "block");
                    }
                    else {
                        essenzaVisualizzata = $(".immagine_sezione");
                        $(essenzaVisualizzata).css("display", "block");
                        $(essenzaVisualizzata).css("margin-left", "0px");
                    }
                controlloScrollbar();
            });
            
            //Faccio in modo che la voca selezionata del menu si sposti leggermente a dx rispetto alle altre (it's only an idea!)
            $(this).animate({
                'margin-left': "-20px",
            }, 500, function(){
                //Finito di animare la linguetta controllo se si sono sottomenu e li mostro
                if ($(this).children(".footer_contenuti")) {
                    $(this).children(".footer_contenuti").show(400);
                }
            });
            if (voce_selezionata) {
                if (voce_selezionata.children(".footer_contenuti")) {
                    voce_selezionata.children(".footer_contenuti").hide(400);
                }
                voce_selezionata.animate({
                    opacity: 0.4,
                    'margin-left': "-40px"
                }, 400, "swing");
                voce_selezionata.attr("id", "unSelected")
            }
            testoVisualizzato = testoDaVisualizzare;
            voce_selezionata = $(this);
        }
    });
    
    //Registro il menu per l'hover -----scegliere poi che cosa farne....
    $(".rettangoli_menu").hover(function(){
        $(this).animate({
            opacity: 1,
        }, 300, "swing")
    }, function(){
        if ($(this).attr("id") != "selected") {
            $(this).animate({
                opacity: 0.4,
            }, 300, "swing")
        }
    });
    
    //Registro i bottoni degli estratti
    $(".titoli_footer").click(function(){
        estrattoDaVisualizzare = "#" + $(this).attr("title");
        if (essenzaVisualizzata) {
            if (essenzaVisualizzata != estrattoDaVisualizzare) {
                $(essenzaVisualizzata).fadeOut(500);
                setTimeout("$(estrattoDaVisualizzare).fadeIn(500)", 1000);
            }
        }
        else {
            $(estrattoDaVisualizzare).fadeIn(500);
            
        }
        essenzaVisualizzata = estrattoDaVisualizzare;
        controlloScrollbar();
    });
    
}

$(".immagine_sezione").animate({
    opacity: 0.4,
}, 1000);

function apriSottotitoli(bottone){
    bottone = $(bottone);
    if (footerVisualizzato == undefined) {
        bottone.children(".sottotitoli_footer").show(200);
        footerVisualizzato = bottone;
    }
    else {
        if (footerVisualizzato.attr("title") != bottone.attr("title")) {
            footerVisualizzato.children(".sottotitoli_footer").hide(200);
            if (bottone.attr("title") == "essenzialmente") {
                bottone.children(".sottotitoli_footer").show(200);
                footerVisualizzato = bottone;
            }
            else 
                if (bottone.attr("title") == "SoloUno") {
                    bottone.children(".sottotitoli_footer").show(200);
                    footerVisualizzato = bottone;
                }
        }
    }
}

function controlloScrollbar(){
    if (essenzaVisualizzata) {
        $(".descrizione_testi").css("overflow-y", "hidden");
        if ($(essenzaVisualizzata).attr("title") == "overFlow") {
            $(".descrizione_testi").css("overflow-y", "scroll");
        }
    }
}

function selectLanguage(){
    $(".header_lang > a").click(function(){
    
        if ($(this).attr("id") == "it") {
            window.location.href = "index.html";
        }
        else {
            window.location.href = "index_eng.html";
        }
    })
}