$(document).ready(function () {
	 
	$("#categoria").change(function(){  
		 var selected = $("#categoria option:selected");
		 if (selected.val()=="qualsiasi")
		 {
			 var options = '<option value="qualsiasi">Tutte</option>';
		 	 $("select#sottocategoria").html(options);
		 }
		 else
		 {
				//TODO trovare il modo di rendere dinamico il controllo per le categorie senza sottocategorie
			 
			 $.getJSON("/moduli/catalogo/select_sottocategorie",{ categoria: selected.val() }, function(j){
				  var options = '<option value="qualsiasi">Tutte</option>';
				  for (var i = 0; i < j.length; i++) {
			    		options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
			      }
			      $("select#sottocategoria").html(options);
			 });
			 
		 }
		 
	});
	
	$('.gallery_unstyled').addClass('gallery'); // adds new class name to maintain degradability
	
	//$("#slidingTopContent").hide();
	
	$('ul.gallery').galleria({
		history   : false, // activates the history object for bookmarking, back-button etc.
		clickNext : true, // helper for making the image clickable
		insert    : '#main_image', // the containing selector for our main image
		onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
			
			// fade in the image & caption
			if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
				image.css('display','none').fadeIn(1000);
			}
			caption.css('display','none').fadeIn(1000);
			
			// fetch the thumbnail container
			var _li = thumb.parents('li');
			
			// fade out inactive thumbnail
			_li.siblings().children('img.selected').fadeTo(500,0.3);
			
			// fade in active thumbnail
			thumb.fadeTo('fast',1).addClass('selected');
			
			// add a title for the clickable image
			image.attr('title','Next image >>');
		},
		onThumb : function(thumb) { // thumbnail effects goes here
			
			// fetch the thumbnail container
			var _li = thumb.parents('li');
			
			// if thumbnail is active, fade all the way.
			var _fadeTo = _li.is('.active') ? '1' : '0.3';
			
			// fade in the thumbnail when finnished loading
			thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
			
			// hover effects
			thumb.hover(
				function() { thumb.fadeTo('fast',1); },
				function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
			)
		}
	});
	
	$("ul.sf-menu").supersubs({ 
        minWidth:    9.75,   // minimum width of sub-menus in em units 
        maxWidth:    27,   // maximum width of sub-menus in em units 
        extraWidth:  1     // extra width can ensure lines don't sometimes turn over 
                           // due to slight rounding differences and font-family 
    }).superfish();  // call supersubs first, then superfish, so that subs are 
                     // not display:none when measuring. Call before initialising 
                     // containing tabs for same reason.
	$('#gallery a').lightBox();	
				
	$('#fade').innerfade({
		animationtype: 'fade',
		speed: 'normal',
		timeout: 7000,
		type: 'sequence',
		containerheight: '1em'
		}); 
				
//	$("#bottone").click(function(){
//		$("input[@id='codice']").val("");
//		$("#codice")
//		$("#prezzoMinimo").val("");
//		$("#prezzoMassimo").val("");
//		$("#descrizione").val("");
//		//$("input[@id='ruolo']").val("giornalista");
//	});
	 
});