// JavaScript Document
velSlideUp = 300;
velSlideDown = 300;
id = "webmenu";


selectFake = function(id){
	// posiziono il div
	$("#"+id+" div.selFakeCont").css("top",$("#"+id).height())
	// ridimensiono il div
	$("#"+id+" div.selFakeCont").css("width",$("#"+id).width())
	
	if($("#"+id+" div.selFakeCont").css("display")=="none"){
		$("#"+id+" div.selFakeCont").slideDown(velSlideDown);
	} else {
		$("#"+id+" div.selFakeCont").slideUp(velSlideDown);
	}
	//$("#"+id+" div").jScrollPane({scrollbarMargin:5, scrollbarWidth: 9});
	
	$("#"+id+" div.selFakeCont p").hover(
		function () {
			$(this).addClass("over");
		}, 
		function () {
			$(this).removeClass("over")
		}
	).click(function(){
		valore = $(this).attr("value");
		testo =  $(this).html();
		// setto il valore al campo input
		$("#"+id+" input").val(valore);
		// stampo il testo
		$("#"+id+" span").html(testo);
		// chiudo il div
		window.setTimeout('$("#"+id+" div").slideUp(velSlideUp)',100);
	})
}

$(function(){
	$(document).bind('click', function(e) {
		var $clicked=$(e.target); // get the element clicked
		if(!($clicked.is("#"+id) || $clicked.parents().is("#"+id))) {
			$("#"+id+" div").slideUp(velSlideUp);
		} else {
			selectFake(id);
		}
	});
})