$(document).ready(function() {
    aggiusta_tag();
    rollover_tag();
});

function aggiusta_tag(){
	div1 = $('#column_tag_it > ul li');
    divWidth1 = $('#column_tag_it').width();
    
    ridimensiona(div1,divWidth1);
    
    div2 = $('#column_tag_en > ul li');
    divWidth2 = $('#column_tag_en').width();
    
    ridimensiona(div2,divWidth2);
    
    div3 = $('#column_tag_es > ul li');
    divWidth3 = $('#column_tag_es').width();
    
    ridimensiona(div3,divWidth3);
    
    div4 = $('#column_tag_pt-pt > ul li');
    divWidth4 = $('#column_tag_pt-pt').width();
    
    ridimensiona(div4,divWidth4);
    
}

function ridimensiona(div,divWidth){
	startPos = div.position();
    inizioRiga = 0;
    fineRiga = 0;
    //attraverso tutti  i tag
    for (i=0;i<div.length;i++){
    	fooPos = $(div[i]).position();
    	//se la riga è finita...
    	if (fooPos.top>startPos.top){
    		startPos = fooPos;
    		fineRiga = i-1;
    		//leggo la lunghezza di tutti i tag sulla riga
    		lunghezza = 0;
    		for (x=inizioRiga;x<=fineRiga;x++){
    			lunghezza += $(div[x]).width()+16//16 è la somma dei margin, padding e border degli elementi li;
    		}
    		numeroTag = fineRiga-inizioRiga+1;
    		diffLunghezza = divWidth-lunghezza;
    		diffDaAggiungere = diffLunghezza / numeroTag;
    		//modifico la lunghezza dei tag
    		for (x=inizioRiga;x<=fineRiga;x++){
    			$(div[x]).css("width", $(div[x]).width()+diffDaAggiungere);
    		}
    		inizioRiga = fineRiga+1;
    	}
    }
}

function rollover_tag(){
	div1 = $('#column_tag_it > ul li');
    aggiungi_rollover(div1);
    
    div2 = $('#column_tag_en > ul li');
    aggiungi_rollover(div2);
    
    div3 = $('#column_tag_es > ul li');
    aggiungi_rollover(div3);
    
    div4 = $('#column_tag_pt-pt > ul li');
    aggiungi_rollover(div4);
	
}

function aggiungi_rollover(div){
	for (i=0;i<div.length;i++){
		
		$(div[i]).bind("mouseenter", function(e){
			sfondo = $(this).css("border-left-color");
			$(this).css("background-color",sfondo);
			
			link = $(this).children()[0];
			$(link).css("color","white");
		});
		
		$(div[i]).bind("mouseleave", function(e){
			testo = $(this).css("border-left-color");
			$(this).css("background-color","white");
			
			link = $(this).children()[0];
			$(link).css("color",testo);
		});
    }
}