var ALBUMS = null ;
var ALBUMS_COVERS = new Array();
var ALBUMS_SHOW = 4 ;
var ALBUMS_PANELS = null ;
var ALBUMS_TOTAL_COVERS = 0 ;
var ALBUMS_CURRENT_PANEL = null ;
var SLIDER = null;
var TIMER = null ;
var GALLERY_IMAGES = null ;
var GALLERY_THUMBS = null ;
var GALLERY_SELECTED = null ;

$(document).ready(function(){

	$("#click").click(function(){ 
		$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
		return false;
	});
	
	// LOAD ALBUMS !!! 
	loadAlbums();
});

function handleError(jq , status , error)
{
	alert( error );	
}
function trace(msg)
{
	if(window.console)
	{window.console.log(msg);}
}
function loadAlbums()
{
	$('#sliderGalLoaderLabel').html("Caricamento Dati...");
	$('#sliderGalLoader').css("opacity",0 );
	$('#sliderGalLoader').css("display","block");
	$('#sliderGalLoader').animate({ "opacity" : 1} , "slow");
	
	$.ajax({
		type: "GET",
		cache:false ,
		dataType : "json" ,
		url: "./load_albums.php",
		success:function(data, textStatus, jqXHR){ loadAlbumsSuccess(data, textStatus, jqXHR) } ,
		error:function(jqXHR,textStatus, error){  handleError(jqXHR,textStatus, error); }
	});
}
function loadAlbumsSuccess(data,text,jq)
{
	if(data.result=="success")
	{
		ALBUMS = data.data
		$('#sliderGalLoaderLabel').html('Caricamento Immagini...');
		// PRE-LOAD album Images
		ALBUMS_COVERS = new Array();
		for( var i=0 ; i<ALBUMS.length ; i++ )
		{
			ALBUMS_COVERS[i] = new Image();
			ALBUMS_COVERS[i].src = ALBUMS[i].data.lgpath+'album_tn.jpg' ;
		}
		albumCoversLoader();
	}
}


function albumCoversLoader()
{
	var allLoaded = true ;
	var cnt = 0 ;
	for( var i=0 ; i<ALBUMS_COVERS.length ; i++ )
	{
		if( ALBUMS_COVERS[i].complete )
		{
			cnt++ ;
			allLoaded = allLoaded && true ;
		}
		else
		{ allLoaded = allLoaded && false ;}
	}
	$('#sliderGalLoaderLabel').html('Caricate '+cnt+'/'+ALBUMS_COVERS.length+' copertine albums.');
	trace('Caricate '+cnt+'/'+ALBUMS_COVERS.length+' copertine albums.');
	
	if( !allLoaded )
	{ TIMER = window.setTimeout( function(){ albumCoversLoader(); } , 500); }
	else
	{
		if( TIMER !=null)
		{ clearTimeout( TIMER ); }
		printAlbums();
		$('#sliderGalLoader').animate({ "opacity" : 0} , "slow");
	}	
}
function printAlbums()
{
	if(!ALBUMS || ALBUMS.length<=0)
	{ return ; }

	var counted = 0 ;
	for( var i=0 ; i<ALBUMS.length ; i++)
	{
		if( ALBUMS[i].images.length>0 ) 
		{ counted++ ;}
	}

	ALBUMS_TOTAL_COVERS = counted ;
	ALBUMS_PANELS = Math.ceil(ALBUMS_TOTAL_COVERS / ALBUMS_SHOW ); 

	var pnls = "";

	for( var i=0 ; i<ALBUMS_PANELS ; i++ )
	{
		pnls += '<div id="album_panel_'+i+'" class="album_panel" style="display:none" >';
		
		for( var j=i*ALBUMS_SHOW ; j<(i*ALBUMS_SHOW)+ALBUMS_SHOW ; j++ )
		{
			if(j>=ALBUMS.length)
			{break;}
			
			if( ALBUMS[j].images.length>0 )
			{
				pnls += '<a class="album_cover" href="./cbgal.html?album='+ALBUMS[j].data.title+'" >';
				pnls += '<img src="./images/'+ALBUMS[j].data.title+'/album_tn.jpg?rand='+Math.random()+'" alt="" title="" border="0" />'
				pnls += '<span class="album_caption"><strong>'+ALBUMS[j].data.title+'</strong>' ; //+'&nbsp;&nbsp;<small>'+( ALBUMS[j].images.length )+' Immagini</small>';
				pnls += (typeof ALBUMS[j].data.description!="undefined" && ALBUMS[j].data.description ) ? "<br /><small>"+ALBUMS[j].data.description+"</small>" : "<br/>&nbsp;" ;
				pnls += '</span>';
				pnls += '</a>';
			}
			
		}
		pnls += '</div>' ;
	}
	var out = '';
	trace( ALBUMS_TOTAL_COVERS+"\n"+ALBUMS_SHOW )
	if( ALBUMS_TOTAL_COVERS > ALBUMS_SHOW )
	{
		out += '<center><div id="albumPanelsControls">'
			out += '<a class="link" id="prev" href="javascript:prevAlbumPanel()" >&lt;&lt; Prev </a>' ;
			out += '<span id="curr"></span>' ;
			out += '<a class="link" id="next" href="javascript:nextAlbumPanel()" >Next &gt;&gt;</a>' ;
		out += '</div></center>' ;
	}
	out += '<center><div id="albumPanels">';
	out += pnls
	out += '</div></center>' ;

	var h = 470 ; 
	
	if( ALBUMS_TOTAL_COVERS>ALBUMS_SHOW )
	{
		h = (ALBUMS_SHOW/2)*235;
	}
		
	
	$("#albumContainer").animate( { height: h } , function(){
	
		$("#albumPanelsControls").css("margin-top" , 200)
		$('#albumContainer').html(out)
		
		$(".album_cover").colorbox({
			//href:"gallery.html?album="+escape( $(this).attr("id")  )
			width:760,
			height:720,
			iframe:true
		});
		
		selectAlbumPanel(0);
	
	} );
		
	
	
}
function showAlbums()
{
	$("#slider").fadeOut( function(){
		$("#slider").css("display","none");
		$("#albumContainer").fadeIn();	
	});
}
function selectAlbum(id)
{
	// HIDE ALL ALBUMS !!!
	
	$('#sliderGalLoaderLabel').html('Caricamento galleria.');
	$("#sliderGalLoader").css("z-index","21");
	$('#sliderGalLoader').animate({ "opacity" : 1} , "slow");

	$("#albumContainer").css("z-index","10");
	$("#albumContainer").fadeOut(function(){
		$("#albumContainer").css("display","none");
		
		if( GALLERY_SELECTED==id )
		{
			$("#slider").css("opacity","0");
			$("#slider").css("display","block");
			$("#slider").animate({ "opacity" : 1} , "slow");
		}
		else
		{
			GALLERY_SELECTED = id ;
			var images = ALBUMS[id].images ;
			var lgpath = ALBUMS[id].data.lgpath ;
			var tnpath = ALBUMS[id].data.tnpath ;
			
			GALLERY_IMAGES = new Array() ;
			GALLERY_THUMBS = new Array() ;
		
			for( var i=0 ; i<images.length ; i++ )
			{
				GALLERY_IMAGES[i] = new Image() ;
				GALLERY_IMAGES[i].src = lgpath+images[i].src ;
				
				GALLERY_THUMBS[i] = new Image() ;
				GALLERY_THUMBS[i].src = tnpath+images[i].src ;
				
			}
			trace(GALLERY_THUMBS)
			galleryImagesLoader();
		}
	});
	

}
function galleryImagesLoader()
{
	var allLoaded = true ;
	var cnt1 = 0 ;
	var cnt2 = 0 ;
	for( var i=0 ; i<GALLERY_IMAGES.length ; i++ )
	{
		if( GALLERY_IMAGES[i].complete )
		{
			cnt1++ ;
			allLoaded = allLoaded && true ;
		}
		else
		{ allLoaded = allLoaded && false ;}
		
		if( GALLERY_THUMBS[i].complete )
		{
			cnt2++ ;
			allLoaded = allLoaded && true ;
		}
		else
		{ allLoaded = allLoaded && false ;}
		
		
	}
	$('#sliderGalLoaderLabel').html('Caricamento in corso : Elementi :'+(cnt1+cnt2)+'/'+(GALLERY_IMAGES.length+GALLERY_THUMBS.length) +'');
	
	if( !allLoaded )
	{ 
		TIMER = window.setTimeout( function(){ galleryImagesLoader(); } , 500); 
	}
	else
	{
		if( TIMER !=null)
		{ clearTimeout( TIMER ); TIMER = null ; }
		printGallery() ;
	}	
}

function printGallery()
{

	var images = ALBUMS[ GALLERY_SELECTED ].images
	var out = '<a class="link" href="javascript:showAlbums()">Torna agli albums</a><hr />' ;
	
	var lgpath = ALBUMS[ GALLERY_SELECTED ].data.lgpath ;
	var tnpath = ALBUMS[ GALLERY_SELECTED ].data.tnpath ;
	
	var gal = "" ;
	var captions = "" ;
	var thumbs = "" ;
	var rel = "" ;
	var caps = 0 ;
	if(images.length <=0)
	{
		$('#sliderGalLoaderLabel').html('Caricamento galleria completato.');
		$("#sliderGalLoader").css("z-index","19");
		$('#sliderGalLoader').animate({ "opacity" : 0} , "slow");
			
		out += "Nessuna immagine inserita per questo album.";
		$("#slider").html(out);
		
		$("#slider").css("opacity","0");
		$("#slider").css("display","block");
		$("#slider").animate({ "opacity" : 1} , "slow");
	
	}
	else
	{
		for( var i=0 ; i<images.length ; i++ )
		{
			//trace('<img src="'+lgpath+images[i].src+'" alt="" title="#caption_'+caps+'" rel="'+tnpath+images[i].src+'" />') ;
			
			rel = tnpath.replace("\.\/images" , "" ) ;
			
			
			rel = "http://www.tosom.it/beta/residenceodoni/images"+rel+images[i].src ;
			
			if( images[i].caption!="" )
			{
				gal += '<img src="'+lgpath+images[i].src+'" alt="" title="#caption_'+caps+'"  rel="'+rel+'" />' ;
				captions += '<div id="caption_'+caps+'" class="nivo-html-caption" ><strong>'+images[i].title+'</strong><br />'+images[i].caption+'</div>' ;
				caps ++ ;
			}
			else
			{
				gal += '<img src="'+lgpath+images[i].src+'" alt="" title="" rel="'+rel+'" />' ;
			}
			
			thumbs += '<img src="'+tnpath+images[i].src+'"  />';
			
		}
		out += '<div id="imageSlider">\n';
		out += gal+"\n";
		out += '</div>\n';
	//	out += '<div class="nivo-controlNav"><img src="_thumb.jpg" /></div>';
		out += captions+"\n";
	
		trace(out)
	
		$("#slider").html(out);
		
		$("#slider").css("opacity","0");
		$("#slider").css("display","block");
		$("#slider").animate({ "opacity" : 1} , "slow", function(){
		
			$('#sliderGalLoaderLabel').html('Caricamento galleria completato.');
			$("#sliderGalLoader").css("z-index","19");
			$('#sliderGalLoader').animate({ "opacity" : 0} , "slow");
		
			var extraTimes= new Array( );//1000,1000,1000,0,30000  );
			$('#imageSlider').nivoSlider({
				directionNav:false,
				pauseOnHover:false,
				controlNav:false,
				animSpeed : 500 ,
				pauseTime:4000,
				effect:'fold',
				captionOpacity:1 ,
				controlNav:true ,
				controlNavThumbs:true,
				controlNavThumbsFromRel:true
				//...this in thumb Image src
				//customEffect:Array('fold','fold','fold' , 'fade','fade'),
				/*afterChange: function(){
					var currentSlide = $('#slider').data('nivo:vars').currentSlide;
					if(extraTimes[currentSlide]>0){
						$('#slider').data('nivo:vars').stop = true;
						setTimeout("$('#slider').data('nivo:vars').stop=false",extraTimes[currentSlide]);
					}
				},
				afterLoad: function(){
					var currentSlide = $('#slider').data('nivo:vars').currentSlide;
					if(extraTimes[currentSlide]>0){
						$('#slider').data('nivo:vars').stop = true;
						setTimeout("$('#slider').data('nivo:vars').stop=false",extraTimes[currentSlide]);
					}
				}*/
			});
		});
	}
}


function selectAlbumPanel(id)
{
	var opts = null ;
	var fold = false ;
	var opts = null ;
	
	var h = 235 ;
	
	var gap = ALBUMS_TOTAL_COVERS - ( (id+1)*ALBUMS_SHOW ) ;
	var tmp = 0 ;
	if( gap<0 ) 
	{
		tmp = Math.abs(gap) ;
		if( tmp <2 )
		{
			h *= Math.ceil(ALBUMS_SHOW/2) ;
		}
		else
		{
			h = 250 ;
		}
	}
	else
	{
		h *= Math.ceil(ALBUMS_SHOW/2) ;
	}
	
	trace( "GAP :" +gap+"\nATC : "+ALBUMS_TOTAL_COVERS+"\nID : "+id+"\nAS : "+ALBUMS_SHOW ) ;
	
	if( ALBUMS_CURRENT_PANEL!=id )
	{
		if( ALBUMS_CURRENT_PANEL!=null )
		{
			opts = {opacity:0} ;
			$("#album_panel_"+ALBUMS_CURRENT_PANEL).fadeOut(); //(opts,"slow",function(){});
			
			ALBUMS_CURRENT_PANEL = id ;
			
			$("#album_panel_"+ALBUMS_CURRENT_PANEL).css( {opacity:0} )
			$("#album_panel_"+ALBUMS_CURRENT_PANEL).css( {display:"block"} )
			
			$("#album_panel_"+ALBUMS_CURRENT_PANEL).animate({opacity:1}, "slow");
			$("#albumContainer").animate( { height: h } ,"slow");
			
			$("#curr").html( (ALBUMS_CURRENT_PANEL+1)+"/"+ALBUMS_PANELS )
		}
		else
		{
			ALBUMS_CURRENT_PANEL = id ;
			opts = {opacity:1} ;
			if( fold )
			{
				opts= { opacity:1 } ;
			}
			$("#album_panel_"+ALBUMS_CURRENT_PANEL).css( {opacity:0} )
			$("#album_panel_"+ALBUMS_CURRENT_PANEL).css( {display:"block"} )
			
			$("#album_panel_"+ALBUMS_CURRENT_PANEL).animate(opts,"slow");
			$("#curr").html( (ALBUMS_CURRENT_PANEL+1)+"/"+ALBUMS_PANELS )
		}
	}
}
function nextAlbumPanel()
{
	if(ALBUMS_CURRENT_PANEL==null)
	{selectAlbumPanel(0);}
	else
	{
		if(ALBUMS_CURRENT_PANEL+1<ALBUMS_PANELS)
		{ selectAlbumPanel(ALBUMS_CURRENT_PANEL+1); }
	}
}

function prevAlbumPanel()
{
	if(ALBUMS_CURRENT_PANEL==null)
	{selectAlbumPanel(0);}
	else
	{
		if(ALBUMS_CURRENT_PANEL>0) 
		{ selectAlbumPanel(ALBUMS_CURRENT_PANEL-1); }
	}
}