$(document).ready(function() {
    
    var cont = 0;
    var str_aut = [];
    var str_boo = [];
    var str_cit = [];
    
    var str_credits = "";
    
    var posit = 0;
    var AnimeTime = 'slow';
    var Tposit = 3;
    var ChangeTime = 10000;
    
    
    
    // CITAZIONI
    bla();

     function bla(){$.ajax({
        type: "GET",
	url: "incipits.xml",
	dataType: "xml",
	
        success: function(xml) {
                $(xml).find('incipit').each(function(cont){
				var id = $(this).attr('id');
				var author = $(this).find('author').text();
                                var book = $(this).find('book').text();
				var citation = $(this).find('citation').text();
				//cont = cont + 1;
				stampa(cont, author, book, citation);
			});
		    
		
	}
    })
    };
    
    function stampa(cont, author, book, citation){
	    str_aut.push(author);
	    str_boo.push(book);
	    str_cit.push(citation);
	    var randomItem = Math.floor(Math.random() * cont);
	    
	    $("div.bottomElement p.opera").html(str_boo[randomItem]);
	    $("div.bottomElement p.author").html(str_aut[randomItem]);
	    $("div.bottomElement p.author_bg").html(str_aut[randomItem]);
	    $("div.bottomElement p span.text").html(str_cit[randomItem]);
	    
    }
    
    // Fine rotazione Citazioni
    
    
    //Controller Citazioni
    
    
    $("div.bottomElement").hover(function() {
	$(this).addClass('c_hover');
    }, function () {
      $(this).removeClass("c_hover");
    });
    
    $("div.bottomElement").click(function() {
	bla();
    });
    
    //fine Controller Citazioni



    //IMMAGINI TOP
    
    function Slider(AnimeTime, posit){
	topElementImages(posit);
	$('div.topElement').fadeIn(AnimeTime, function(){});
    }
    
    // Selettore per click
    var i=0;
    
    $('div.square').each( function(i){
	var element = this;
	element.setAttribute("rel", ""+i+"");
	i=i+1;
	$(this).append("<span style='padding: 0px 5px; font-weight: bold;'>"+(i)+"</span>");
    });
    
    $('div.square').click( function(){
	//
	var element = this;
	//clearInterval(intervalID);
	//alert($(element).attr("rel"));
	Slider(AnimeTime, $(element).attr("rel") );
	posit = parseInt($(element).attr("rel"));
    });
    
    $('div.square').hover(function(){ $(this).css("border-color", "#d90000")}, function(){ $(this).css("border-color", "#fff") });

    //** FINE clck selettore

    //loop per l'esecuzione automatica delle slide
    
    callSlider();
    
    function callSlider(){
	Slider(AnimeTime, posit);
	if (Tposit == 1){
	    posit++;
	    if(posit == Tposit){
		posit = 0;    
	    }
	}else{
	    posit++;
	    if(posit == Tposit){
		posit = 0;    
	    }
	}
    };
    
    function topElementImages(index){$.ajax({
        type: "GET",
	url: "images.xml",
	dataType: "xml",
        success: function(xml){
                var image = $(xml).find('image[id='+ index +']').find('url').text();
		$('div.topElement').css("background-image", "url('"+ image +"')");
		$('div.topElement').css("background-position", "100% 0");
		$('div.square').filter("*[rel="+index+"]").css("background-color", "#d90000");
		$('div.square').filter("*[rel="+index+"]").css("background-image", "none");
                $('div.square').filter("*[rel!="+index+"]").css("background-color", "transparent");
		$('div.square').filter("*[rel!="+index+"]").css("background-image", "url('images/bg_bianco_sf.png')");
		//$('div.square .active').css("border", "solid 1px #D90000");
	    }
    });
    };

    var intervalID = window.setInterval(callSlider, ChangeTime );
	
    //fine loop automatico
    
    
    
    
    //PER .MENU
    
    
    //caching delle immagini
    
    var menuImages = ['images/menu_bg_s.png', 'images/menu_bg_a.png', 'images/menu_bg.png'];
    
    $.each(menuImages, function (i, val) {
	$('div.menu').css("background-image", "url("+val+")");
    });
    
    //
    $('div.menu a.savoia').hover(
				 function(){
						$('div.menu').css("background-image", "url('images/menu_bg_s.png')");
					    },function(){
						$('div.menu').css("background-image", "url('images/menu_bg.png')");
					    }
				);
    
    $('div.menu a.agosta').hover(function(){ $('div.menu').css("background-image", "url('images/menu_bg_a.png')")}, function(){ $('div.menu').css("background-image", "url('images/menu_bg.png')")});
    
    // fine .MENU
    
    
    //Credits  
    
    $('#close').click(function(){
	$('#infoContainer').children().css('height', '0px');
    });
    
    $('#credits_b').click(
	function(){
	    $('#infoContainer').children().css('height', '0px');
	    $('#credits').css('height', '100%');
	    $('#close').css('height', '20px');
	}	
    );
    $('#aboutRin_b').click(
	function(){
	    $('#infoContainer').children().css('height', '0px');
	    $('#aboutRin').css('height', '100%');
	    $('#close').css('height', '20px');
	}	
    );
    
    //link
    $('#links_b').click(
	function(){
	    $('#infoContainer').children().css('height', '0px');
	    $('#links').css('height', '100%');
	    $('#close').css('height', '20px');
	}	
    );
    
});