var iconbar = [
		
		// IMMAGINE                           link 
		["images/twitter.jpg","http://www.twitter.com"],
		["images/facebook.jpg","http://www.facebook.com"],
		["images/vimeo.png","http://vimeo.com/user3956029/videos"]

	] 
	
	
	var writeButtonBar = function(){
		for(i=0;i<iconbar.length;i++){
			var pos = 824+21*i;
			document.write(	'<input  type="image" name="' + i  +'" id="' + i + '" src="' + iconbar[i][0] + '" style="position:absolute;left:'+ pos+'px;top:110px;width:21px;height:21px;z-index:10">');
			
			$("#" +  i ).click( function(){  
				var href = iconbar[this.id][1];
				alert(href)
				window.open(href);     
			})
			 
		}
	
		return;
	 
		
	
	}
	 
	var videoCollection ={ }
	
	function playVideo(video,descrizione){
		$("#player").each(function(){
			this.href = video; 
			$("#descrizione").html(descrizione  );
			flowplayer("player", "flowplayer-3.1.5.swf");
		})	

	}
		
	$(document).ready(
		
		function() {
				
			$("body").css("background-color" , coloreSfondo);
			var a = $("#titolo-pagina").parent().css("color","blue").wrap("<div id='titolo-pagina-container'></div>")
			
			
			document.title =  titoloPagina    ;
			
			var dock = $(".dock-container2");
			for(i=0;i<ImmaginiNavigatore.length;i++){
				
				
				var href="";
                var link = ImmaginiNavigatore[i][1];
				isVideo = (ImmaginiNavigatore[i][4]=='video');
				 
				if(isVideo) href="#";
				else href =link;
				 
				
				var fragment = '<a class="dock-item2" href="'  + href + '"><span>'  
					+  ImmaginiNavigatore[i][2]  
					+ '</span>'
					+ '<img id="' + i + '" src="'
					+  ImmaginiNavigatore[i][0]
					+'" alt="' 
					+  ImmaginiNavigatore[i][2]
					+ '" /></a>'
				 
				dock.append( fragment );
			}
			
			
			$('a, button').focus(function(){ this.blur();} );
			$('#dock2').Fisheye(
				{
					maxWidth: 50,
					items: 'a',
					itemsText: 'span',
					container: '.dock-container2',
					itemWidth: 50, // grandezza icona in basso
					proximity: 60,
					alignment : 'left',
					valign: 'bottom',
					halign : 'center'
				}
			)
			
			var currentDescription ="";
			var defaultDescription =  $("#descrizione").html( );  ;
			
			$('#dock2 img').click(function(){
			 
				var element = ImmaginiNavigatore[this.id];
				 
				var link =  element[1] ;
				var title = element[2];
				var descrizione =  element[3];
				isVideo = (element[4]=='video');
				 
				if(isVideo){
					$("#player").each(function(){
						this.href = link; 
						$("#testo-pagina").html("");  
						$("#video_title").html(title);
						
						$("#descrizione").html("Loading ..");
						$("#player").html("");
						
						$("#wb_Shape1,#wb_Shape3,#wb_Shape4,#player")  
							.fadeIn('slow',function(){  
								$("#descrizione").html(descrizione  );
								flowplayer("player", "flowplayer-3.1.5.swf");	
							})
				 
						
						currentDescription= descrizione;
					}) 
					
				}else{
					 
					return true;
					//document.location = link;
				}	
			}).mouseover(function(){
				var element = ImmaginiNavigatore[this.id];
				var descrizione =  element[3];
				
				$("#descrizione").html(descrizione  );    
				
			}).mouseout(function(){   
				if(currentDescription==""){ 
					 $("#descrizione").html(defaultDescription  );
				}else{ 
					$("#descrizione").html(defaultDescription  );       
					 
				}
			})
			
			
			
		}
	);