// JavaScript Document

var frasi = new Array ('Oasi Servizi','Oasi Formazione','Oasi Lavoro','Ancora Servizi');
var posizioni = new Array(49,85,116,150);
var cartelle = new Array ('02','02','02','02');
var baseURL = "";
var linkBtn  = new Array('http://www.oasiservizi.it','http://www.oasiformazione.it','http://www.oasilavoro.it','http://www.ancoraservizi.it');
var lunghezzeSingole = [];
var slogan = new Array('Sempre un<br /> pò di più per<br /> le persone','Sempre un<br /> pò di più per<br /> le persone','Sempre un<br /> pò di più per<br /> le persone','');
var percorso ="/skin/ancora/galleria/"
var cartella = "00";
var num_immagini = new Array(2,3,3,4);

function cartellaAssegnaValore(){
	
	canale = $('#idcanale').attr('class');
	
	if(canale == "canale_1"){
			
		cartella = "03";
	}
	else if(canale == "canale_12"){
		
		cartella = "01";
	}
	else if(canale == "canale_13"){
		
		cartella = "00";
	}
	else if(canale == "canale_14"){
		
		cartella = "02";
	}

}

var numImage = 4;
var tempoTransizione = time(3);

var tempoRipetizione = time(8)
var currentFrame = 0;

var stageWidth = 960;
var stageHeight = 179;

var color_piccolo = 35;
var padding_right = 23;
var	colori = new Array ('#008252','#b90050','#eb6909','#00a1e4');
var colorDefault = '#cbcbcb';
	
function setmenu(){
	
	$('<p class="frase" >'+slogan[parseInt(cartella)]+'</p>').appendTo('.header_rotazione');
	
	for( i=0;i < colori.length; i++ ){
		
		$('<div id="col_'+ i +'" class="color_min" style="z-index:'+zIndex('0'+i)+';position:absolute;bottom:0px;left:'+( (stageWidth-color_piccolo-padding_right)-(i*color_piccolo))+'px; height:'+color_piccolo+'px;width:'+color_piccolo+'px;background-color:'+colora(i)+'"></div><div class="color_btn" style="position:absolute;bottom:0px;left:'+( (stageWidth-color_piccolo-padding_right)-(i*color_piccolo))+'px; height:'+color_piccolo+'px;width:'+color_piccolo+'px;"></div>').appendTo('.btn_outer').data('id',i);     
		
	}
	
	function zIndex(idPassato){//Assegna Zindex in base alla cartella
		
		if(idPassato == cartella ){zind = 5;}else{zind = 3; }return zind;
	
	}

	assegnaFunzioni();

}

function colora(idPassato){
		
		if(idPassato == cartella ){colore=colori[idPassato]} else{colore=colorDefault} return colore			

}

function effettoMouse(idPassato){
	//$(this).css('background-color',effettoMouse($(this).data("id")))
	
	for(i = 0; i < colori.length; i++){
		
		if(idPassato == i  ){
			
			colore=colori[idPassato];
		
		} else{
			
			if( '0'+i == cartella ){
				
				colore=colori[i];
				
			}else{
				
				colore=colorDefault;
				
			}
		}
			
		$('#col_'+ i).css('background-color',colore);	
	
	}	
}

function resetEffetto(){

	for( i = 0; i < colori.length; i++ ){
		
		if( '0'+i == cartella ){
			
			$('#col_'+ i).css('background-color',colori[i]);
				
		}else{
			
			$('#col_'+ i).css('background-color',colorDefault);
			
		}
	}	
}

function assegnaFunzioni(){
	
	$('.color_btn').each(function(){

		$(this).mouseover(function() {
			
			effettoMouse($(this).data("id"));
			
 			$('.btn_outer').append('<div class="msg" style="display:none" ></div>');
				
			$('.msg').text(frasi[$(this).data("id")]).css({
					
				'right' : posizioni[$(this).data("id")]+'px'
							
			}).fadeIn('fast');
			
		}).mouseout(function(){
			
			resetEffetto();
			$('.msg').text('');
			$('.msg').fadeIn('fast').remove();
		
		});
		
		$(this).click(function() {
 			open(linkBtn[$(this).data("id")],"_self")
		});
	})
	creaImmagini();
}

function creaImmagini(){

	//for(i=0;i<numImage;i++){
	for(i=0;i<num_immagini[parseInt(cartella)];i++){
	
		$('<img src="' + percorso + cartella + '/' + i + '.jpg" style="width:1005px; height:259px;display:none" class="img_gal img_'+i+'" />').appendTo('.header_rotazione');
		
	}
	centraImmagini();
}

function centraImmagini(){

		$('.header_rotazione .img_gal').each(function(){
			
			var ThisHeight = $(this).height(); 
			var ThisWidth = $(this).width();
			lunghezzeSingole.push(ThisWidth)
			centraVert = (stageHeight / 2) - (ThisHeight / 2);
			centraOriz = (stageWidth / 2) - (ThisWidth / 2);
			
			$(this).css({
				'position':'absolute',
				'top':centraVert+'px',
				'left':centraOriz+'px',
				'z-index':'2'
			})	
		})
}

//////////////////////////ANIMAZIONE/////////////////////////////////

function anima(){
	
	++currentFrame;

	transizione(currentFrame);
	
	//if( currentFrame == numImage ){	
	if( currentFrame == num_immagini[parseInt(cartella)] ){	
		
		currentFrame = 0;

	}
	
	onFooEndFunc();

	function transizione(idPassato){
		
		oldFrame = idPassato - 1;
		$(".img_"+idPassato).width(lunghezzeSingole[idPassato]);
		$(".img_"+idPassato).animate({width:"960px", opacity:'toggle', left:"0px" },tempoTransizione);
		
		if(	idPassato >= 1){		
			
			$(".img_"+oldFrame).fadeOut(tempoTransizione, function(){})	
		
	}
		
		//if(idPassato == numImage){
		if(idPassato == num_immagini[parseInt(cartella)]){
			
			$(".img_"+0).width(lunghezzeSingole[0]);
			$(".img_"+0).animate({width:"960px", opacity:'toggle', left:"0px" },tempoTransizione);
			
		}
	}
}

var onFooEndFunc = function() {
	var delay = tempoRipetizione;
	var executionTimer;

	return function() {
		if (executionTimer) {
			clearTimeout(executionTimer);
		}
		executionTimer = setTimeout(function() {
			anima();
		}, delay);
	};
}();

function time(sec) {
	return sec * 1000;
}

function loading(stato){
	
	 	//MOSTRA MESSAGGIO CARICAMNETO e attiva le immagini quandcompletato
	
		if(stato){
			$('.img_0').fadeIn('slow', function() {
				// Animation complete elimina loading
				anima();
				$('.loading').remove();
			});
		}else{
			
			$('<div class="loading">Loading<span>...</span><div>').appendTo('.box_banner');	
		
		}
}

/////////////////////////////////////////////////////////////////////

$(document).ready(function(){
	
	cartellaAssegnaValore();
	setmenu();
	loading(0);	
	
})
$(window).load( 
	function (){
		loading(1)
});