Updates on Documentation menu and other minors.

Images have been resized for optimizing loading time
diff --git a/css/main.css b/css/main.css
index feca37b..eb0bce0 100644
--- a/css/main.css
+++ b/css/main.css
@@ -127,14 +127,21 @@
    padding:5px 5px 5px 7px;
 }
 	
+.dropdown-menu {
+	-webkit-transition: top 0.3s ease-in-out;
+    -moz-transition: top 0.3s ease-in-out;
+    -o-transition: top 0.3s ease-in-out;
+    -ms-transition: top 0.3s ease-in-out;
+    transition: top 0.3s ease-in-out}
+    
 .dropdown-menu>.activemenu>a {
     text-decoration: none;
     background-color: #DFF2BC;
-	-webkit-transition: background-color 0.5s ease-in-out;
-    -moz-transition: background-color 0.5s ease-in-out;
-    -o-transition: background-color 0.5s ease-in-out;
-    -ms-transition: background-color 0.5s ease-in-out;
-    transition: background-color 0.5s ease-in-out}
+	-webkit-transition: background-color 0.4s ease-in-out;
+    -moz-transition: background-color 0.4s ease-in-out;
+    -o-transition: background-color 0.4s ease-in-out;
+    -ms-transition: background-color 0.4s ease-in-out;
+    transition: background-color 0.4s ease-in-out}
 	
 .text-parsley {
     color: #246025;
diff --git a/documentation.html b/documentation.html
index 552f249..9b28994 100644
--- a/documentation.html
+++ b/documentation.html
@@ -64,7 +64,7 @@
 		<div class="navbar-fixed-top" style="background:url(img/bg-100x100.jpg)">
 			<div class="container" style="width:1150px;">
 				<div class="navbar-header">
-					<a href="Index.htm"><img class="featurette-image img-responsive" alt="" src="img/logo.gif"/></a>
+					<a href="index.html"><img class="img-responsive" alt="" src="img/logo.gif"/></a>
 				</div>
 			</div>
 			<nav class="navbar navbar-default" role="navigation" style="background-color:transparent; border:0 none; margin:-31px 0px 3px 0px;min-height: 36px;">
@@ -132,6 +132,18 @@
 		-o-animation: fadeInDownBig 1.5s;
 		animation: fadeInDownBig 1.5s;
 	}
+	
+	.scrollup {
+		background: url(img/up.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
+		bottom: 6%;
+		display: none;
+		opacity: 0.35;  /* modifica anche in mouseout */
+		position: fixed;
+		right: 4%;
+		z-index: 900;
+		width: 45px;
+		height: 45px;
+	}
 </style>
 <div class="containerdoc marketing">
 	<!-- SIDEBAR -->
@@ -174,6 +186,7 @@
 			<li><a class="submenu" tabindex="-1" href="#par">Adding the dirty state</br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;and Save command</a></li>
 			<li class="divider"></li>
 			<li><a tabindex="-1" href="#par">Migration Guide</a></li>
+			<li><a class="submenu" tabindex="-1" href="#par">From 0.4 to 0.5</a></li>
 			<li><a class="submenu" tabindex="-1" href="#par">From 0.3 to 0.4</a></li>
 			<li class="divider"></li>
 		</ul>
@@ -181,6 +194,9 @@
 			
 	<!-- START THE FEATURETTES -->
 	</br>
+	<!-- scrollup ICON -->
+	<a class="scrollup" href="#top"></a>
+	<!-- scrollup ICON -->
 	<div class="row featurette">
 		<div class="col-md-8 col-md-offset-3">
 			<h1 id="par" class="featurette-heading text-parsley">Overview</h1>
@@ -1057,7 +1073,7 @@
 	<p>
 	</p>
 	<p>
-	The class <abbr title="org.eclipse.emf.parsley.builders.TableViewerColumnBuilder">TableViewerColumnBuilder</abbr>
+	The class <abbr title="org.eclipse.emf.parsley.viewers.TableViewerColumnBuilder">TableViewerColumnBuilder</abbr>
 	 has the responsibility to
 	build the columns of the Table, by using the <a href="#FeaturesProvider">Features Provider</a> to get the list
 	of features and the <a href="#FeatureCaptionProvider">Feature Caption Provider</a> for the column headers.
@@ -1077,6 +1093,22 @@
 		The headers of the table can be customizzed via the <a href="#FeatureCaptionProvider">Caption Provider</a>.
 		</p>
 		</br>
+		<h3 class="featurette-heading text-parsley2">Column width Customization<a id="Table_columns_width"></a></h3>
+		<p>
+		All columns have the same size by default, but they can be customizzed via the <a href="#addref" rel="Configurator">Configurator</a>
+		for instance in the DSL, like in the example below.
+		</p>
+		<p>
+		</p>
+		<pre class="prettyprint  lang-parsley" skin="desert">
+		
+		bindings{
+			value List&lt;Integer&gt; TableColumnWeights -&gt; #[10,20,30,40]
+		}
+		</pre>
+		<p>
+		</p>
+		</br>
 		<h3 class="featurette-heading text-parsley2">Adding Menu<a id="Table_MenuBuilder"></a></h3>
 		<p>
 		The context menu can be added to the viewer via the ViewerInitializer, as explained in the <a href="#addref" rel="Contextual Menu">Menu section</a>
@@ -1662,7 +1694,7 @@
 		<p>
 		
 		 
-		This customization can be done also in Java, by extending the class <abbr title="org.eclipse.emf.parsley.binding.ProposalCreator">ProposalCreator</abbr>
+		This customization can be done also in Java, by extending the class <abbr title="org.eclipse.emf.parsley.composite.ProposalCreator">ProposalCreator</abbr>
 		
 		and implementing the method </p>
 		<pre class="prettyprint" skin="desert">public List&lt;?&gt; proposals_Book_author(Book book) {...}</pre>
@@ -1676,7 +1708,7 @@
 	<div >
 		<h2 id="par" class="featurette-heading text-parsley1">Contextual Menu</h2>
 	<p>
-	A context menu can be added to any viewer by using the <abbr title="org.eclipse.emf.parsley.viewers.ViewerInitializer">ViewerInitializer</abbr>
+	A context menu can be added to any viewer by using the <abbr title="org.eclipse.emf.parsley.menus.ViewerContextMenuHelper">ViewerContextMenuHelper</abbr>
 	.
 	</p>
 	<p>
@@ -1809,6 +1841,34 @@
 	<div >
 		<h2 id="par" class="featurette-heading text-parsley1">Factories</h2>
 		</br>
+		<h3 class="featurette-heading text-parsley2">Widget Factory<a id="WidgetFactory"></a></h3>
+		<p>
+		The actual creation of text field, buttons, labels, etc. is delegated to an
+		implementation of <abbr title="org.eclipse.emf.parsley.widgets.IWidgetFactory">IWidgetFactory</abbr>
+		, which has several methods
+		like <strong>createText</strong>, <strong>createLabel</strong>, etc.  We provide two implementations of such interface
+		</p>
+		<p>
+		</p>
+		<ul>
+			<li><abbr title="org.eclipse.emf.parsley.widgets.DialogWidgetFactory">DialogWidgetFactory</abbr></li>
+			<li><abbr title="org.eclipse.emf.parsley.widgets.FormWidgetFactory">FormWidgetFactory</abbr>
+			 which is a specialization of the above,
+			specific for forms.</li>
+		</ul>
+		<p>
+		</p>
+		<p>
+		Usually, you do not need to customize such factories, which are used internally by the framework,
+		like in <a href="#FormControlFactory"></a> and <a href="#DialogControFactory"></a>.
+		</p>
+		<p>
+		You may want to customize such factories in case all your controls must have a specific style;
+		in such case, just inherit from our base classes
+		(there is no DSL section for such customizations, since they can be made in plain Java easily)
+		and bind such custom implementations in the Guice module.
+		</p>
+		</br>
 		<h3 class="featurette-heading text-parsley2">Form Control Factory<a id="FormControlFactory"></a></h3>
 		<p>
 		<strong>EMF Parsley</strong> lets you customize the <strong>form controls</strong> via the DSL as in the following example.
@@ -1839,7 +1899,7 @@
 		For each pair EClass, EStructuralFeature you can either simply return a Control or specify also the target
 		for the databinding (see some examples above).
 		 
-		If you want to customize the controls in Java, you can extend the class <abbr title="org.eclipse.emf.parsley.binding.FormControlFactory">FormControlFactory</abbr>
+		If you want to customize the controls in Java, you can extend the class <abbr title="org.eclipse.emf.parsley.composite.FormControlFactory">FormControlFactory</abbr>
 		.
 		Using the same polimorphic mechanism of the labels, the programmer can write a method with the keyword <strong>'control'</strong>
 		followed by the EClass and EStructuralFeature undescore-character-separated. The method
@@ -2769,6 +2829,24 @@
 			<h1 id="par" class="featurette-heading text-parsley">Migration Guide</h1>
 	</br>
 	<div >
+		<h2 id="par" class="featurette-heading text-parsley1">From 0.4 to 0.5</h2>
+	<p>
+	</p>
+	<ul>
+		<li>the packages <strong>factories</strong> and <strong>builders</strong> have been removed
+		and their classes have been moved to other packages.
+		If you get compiler errors, a simple "Organize Imports" should fix
+		the imports.  If you use the DSL a simple regeneration should fix things.</li>
+		<li><strong>IViewerMouseListener</strong> has been moved from the <strong>listeners</strong>
+		package to the <strong>viewers</strong> package.</li>
+		<li>classes in <strong>editor.outline</strong> have been moved into <strong>editors</strong>
+		package.</li>
+	</ul>
+	<p>
+	</p>
+	</div>
+	</br>
+	<div >
 		<h2 id="par" class="featurette-heading text-parsley1">From 0.3 to 0.4</h2>
 	<p>
 	</p>
@@ -2795,7 +2873,7 @@
 	<!-- /END THE FEATURETTES -->
 </div>
 	<!-- FOOTER -->
-		<footer style="z-index: 1001;position:relative;background-color:#35414C;-webkit-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);-moz-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);box-shadow: 0px -3px 8px 0px rgba(30,51,72,1);margin-top:1%;">
+		<footer style="z-index: 1001;position:relative;background-color:#35414C;-webkit-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);-moz-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);box-shadow: 0px -3px 8px 0px rgba(30,51,72,1);margin-top:1.3%;">
 			<img width="100%" alt="" src="img/footer.jpg" />
 			<nav class="navbar navbar-default" role="navigation" style="background-color:transparent; border:0 none; margin:-97px 0px 31px 0px;min-height: 36px;">
 				<div class="container" style="width:37.6%;">
@@ -2816,7 +2894,7 @@
 					</div><!-- /.navbar-collapse -->
 				</div>
 			</nav>
-			<p class="terms" style="margin:0px;padding:21px 0px 6px 20px;"><a target="_blank" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/termsofuse.php">Terms of Use</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/">Legal</a><a class="pull-right" style="z-index: 1001;position:relative;margin:-38px 15px 0px 0px;" href="#top" id="topbutton"><img alt="Back to top" src="img/arrow_up.png"/></a></p>
+			<p class="terms" style="margin:0px;padding:21px 0px 6px 20px;"><a target="_blank" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/termsofuse.php">Terms of Use</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/">Legal</a><a class="pull-right" style="z-index: 1001;position:relative;margin:-38px 4% 0px 0px;" href="#top" id="topbutton"><img alt="Back to top" src="img/arrow_up.png"/></a></p>
 		</footer>
 		<!-- Bootstrap core JavaScript
 		================================================== -->
@@ -2856,6 +2934,13 @@
 			$('a#topbutton > img').attr('src','img/arrow_up.png');
 		});
 		
+		$('.scrollup').mouseover(function() {
+			$('a.scrollup').css('opacity', '1');
+		});
+		$('.scrollup').mouseout(function() {
+			$('a.scrollup').css('opacity', '0.35');
+		});
+		
 		//gestione scroll verticale
 		$(function() {
 		  $('a[href*=#]').click(function() {
@@ -2873,6 +2958,15 @@
 		  });
 		});
 		
+		$(window).scroll(function() {
+			var y = $(this).scrollTop();
+			if (y < 800)
+				$('a.scrollup').fadeOut();
+			else
+				$('a.scrollup').fadeIn();
+		});
+		//prevscroll
+		var prevscroll = 0;
 		$(window).on("scrollstop", function() {
 			var scrollposition = $('html,body').scrollTop()+210;
 			if(/chrome/.test(navigator.userAgent.toLowerCase()))
@@ -2889,23 +2983,40 @@
 					$("a[href='#par"+parid+"']").parent().addClass("activemenu");
 				}
 			});
-		})
+			//inizio prevscroll
+			//Gestione scroll del menu laterale in base alla posizione della pagina
+			var menuScrollSize = '-250px';
+			var pageScrollThreshold = 16730;
+			if($(window).height()<$(".dropdown-menu").height()+190){
+				if(prevscroll<scrollposition){
+					if(scrollposition>pageScrollThreshold)
+						$(".dropdown-menu").css('top', menuScrollSize);
+				} else	
+					$(".dropdown-menu").css('top', '0px');
+				prevscroll=scrollposition;
+			} else if($(".dropdown-menu").css('top')!=null && $(".dropdown-menu").css('top')==menuScrollSize){
+				$(".dropdown-menu").css('top', '0px');
+			}
+			//fine prevscroll
+		});
 		
 		$(document).ready(function() {
 			//Setto link attivo nel menu
 			var mieili = $('.miomenu li');
 			mieili.each(function(idx) {
 				var indirizzo = $(this).children().attr('href');
-				if(indirizzo.length>0 && window.location.href.indexOf(indirizzo)>0){
+				if(indirizzo!=null && indirizzo.length>0 && (window.location.href.indexOf(indirizzo)>0 || (window.location.href=='http://www.eclipse.org/emf-parsley/' || window.location.href=='https://www.eclipse.org/emf-parsley/' && indirizzo.indexOf('index')>0))){
 					 $(this).addClass('mioactive');
+					 return false;
 				}
 			});
 			//Setto link attivo nel footer
 			mieili = $('.miolifooter li');
 			mieili.each(function(idx) {
 				var indirizzo = $(this).children().attr('href');
-				if(indirizzo.length>0 && window.location.href.indexOf(indirizzo)>0){
+				if(indirizzo!=null && indirizzo.length>0 && (window.location.href.indexOf(indirizzo)>0 || (window.location.href=='http://www.eclipse.org/emf-parsley/' || window.location.href=='https://www.eclipse.org/emf-parsley/' && indirizzo.indexOf('index')>0))){
 					 $(this).children().addClass('mioactivefooter');
+					 return false;
 				}
 			});
 			
diff --git a/download.html b/download.html
index b75dea2..1e55a73 100644
--- a/download.html
+++ b/download.html
@@ -64,7 +64,7 @@
 		<div class="navbar-fixed-top" style="background:url(img/bg-100x100.jpg)">
 			<div class="container" style="width:1150px;">
 				<div class="navbar-header">
-					<a href="Index.htm"><img class="featurette-image img-responsive" alt="" src="img/logo.gif"/></a>
+					<a href="index.html"><img class="img-responsive" alt="" src="img/logo.gif"/></a>
 				</div>
 			</div>
 			<nav class="navbar navbar-default" role="navigation" style="background-color:transparent; border:0 none; margin:-31px 0px 3px 0px;min-height: 36px;">
@@ -161,8 +161,7 @@
 						 (EMF Parsley DSL requires Xtext 2.8.3, which has to be taken from http://download.eclipse.org/modeling/tmf/xtext/updates/composite/releases/ so make sure you add this update site before installing the DSL feature - included in the SDK).</li>
 					<li>0.3.x: <a href="http://download.eclipse.org/emf-parsley/updates/0.3">http://download.eclipse.org/emf-parsley/updates/0.3</a>
 						 (EMF Parsley DSL requires Xtext 2.7.3, which has to be taken from http://download.eclipse.org/modeling/tmf/xtext/updates/composite/releases/ so make sure you add this update site before installing the DSL feature - included in the SDK).</li>
-					<li>Latest Stable Nightly Build: <a href="https://hudson.eclipse.org/emf-parsley/job/emf-parsley-nightly/lastSuccessfulBuild/artifact/target/repository/">https://hudson.eclipse.org/emf-parsley/job/emf-parsley-nightly/lastSuccessfulBuild/artifact/target/repository/</a></li>
-					<li>Latest Stable Snapshot Build: <a href="https://hudson.eclipse.org/emf-parsley/job/emf-parsley-tycho-gerrit/lastSuccessfulBuild/artifact/target/repository/">https://hudson.eclipse.org/emf-parsley/job/emf-parsley-tycho-gerrit/lastSuccessfulBuild/artifact/target/repository/</a></li>
+					<li>Latest Stable Snapshot Builds: <a href="https://hudson.eclipse.org/emf-parsley/job/emf-parsley-tycho-gerrit/lastSuccessfulBuild/artifact/target/repository/">https://hudson.eclipse.org/emf-parsley/job/emf-parsley-tycho-gerrit/lastSuccessfulBuild/artifact/target/repository/</a></li>
 				</ul>
 				<p>
 					All downloads are provided under the terms and conditions of the Eclipse Foundation Software User Agreement unless otherwise specified.
@@ -189,7 +188,7 @@
 	</div>
 </div>
 	<!-- FOOTER -->
-		<footer style="z-index: 1001;position:relative;background-color:#35414C;-webkit-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);-moz-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);box-shadow: 0px -3px 8px 0px rgba(30,51,72,1);margin-top:1%;">
+		<footer style="z-index: 1001;position:relative;background-color:#35414C;-webkit-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);-moz-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);box-shadow: 0px -3px 8px 0px rgba(30,51,72,1);margin-top:1.3%;">
 			<img width="100%" alt="" src="img/footer.jpg" />
 			<nav class="navbar navbar-default" role="navigation" style="background-color:transparent; border:0 none; margin:-97px 0px 31px 0px;min-height: 36px;">
 				<div class="container" style="width:37.6%;">
@@ -210,7 +209,7 @@
 					</div><!-- /.navbar-collapse -->
 				</div>
 			</nav>
-			<p class="terms" style="margin:0px;padding:21px 0px 6px 20px;"><a target="_blank" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/termsofuse.php">Terms of Use</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/">Legal</a><a class="pull-right" style="z-index: 1001;position:relative;margin:-38px 15px 0px 0px;" href="#top" id="topbutton"><img alt="Back to top" src="img/arrow_up.png"/></a></p>
+			<p class="terms" style="margin:0px;padding:21px 0px 6px 20px;"><a target="_blank" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/termsofuse.php">Terms of Use</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/">Legal</a><a class="pull-right" style="z-index: 1001;position:relative;margin:-38px 4% 0px 0px;" href="#top" id="topbutton"><img alt="Back to top" src="img/arrow_up.png"/></a></p>
 		</footer>
 		<!-- Bootstrap core JavaScript
 		================================================== -->
@@ -250,6 +249,13 @@
 			$('a#topbutton > img').attr('src','img/arrow_up.png');
 		});
 		
+		$('.scrollup').mouseover(function() {
+			$('a.scrollup').css('opacity', '1');
+		});
+		$('.scrollup').mouseout(function() {
+			$('a.scrollup').css('opacity', '0.35');
+		});
+		
 		//gestione scroll verticale
 		$(function() {
 		  $('a[href*=#]').click(function() {
@@ -267,6 +273,15 @@
 		  });
 		});
 		
+		$(window).scroll(function() {
+			var y = $(this).scrollTop();
+			if (y < 800)
+				$('a.scrollup').fadeOut();
+			else
+				$('a.scrollup').fadeIn();
+		});
+		//prevscroll
+		var prevscroll = 0;
 		$(window).on("scrollstop", function() {
 			var scrollposition = $('html,body').scrollTop()+210;
 			if(/chrome/.test(navigator.userAgent.toLowerCase()))
@@ -283,23 +298,40 @@
 					$("a[href='#par"+parid+"']").parent().addClass("activemenu");
 				}
 			});
-		})
+			//inizio prevscroll
+			//Gestione scroll del menu laterale in base alla posizione della pagina
+			var menuScrollSize = '-250px';
+			var pageScrollThreshold = 16730;
+			if($(window).height()<$(".dropdown-menu").height()+190){
+				if(prevscroll<scrollposition){
+					if(scrollposition>pageScrollThreshold)
+						$(".dropdown-menu").css('top', menuScrollSize);
+				} else	
+					$(".dropdown-menu").css('top', '0px');
+				prevscroll=scrollposition;
+			} else if($(".dropdown-menu").css('top')!=null && $(".dropdown-menu").css('top')==menuScrollSize){
+				$(".dropdown-menu").css('top', '0px');
+			}
+			//fine prevscroll
+		});
 		
 		$(document).ready(function() {
 			//Setto link attivo nel menu
 			var mieili = $('.miomenu li');
 			mieili.each(function(idx) {
 				var indirizzo = $(this).children().attr('href');
-				if(indirizzo.length>0 && window.location.href.indexOf(indirizzo)>0){
+				if(indirizzo!=null && indirizzo.length>0 && (window.location.href.indexOf(indirizzo)>0 || (window.location.href=='http://www.eclipse.org/emf-parsley/' || window.location.href=='https://www.eclipse.org/emf-parsley/' && indirizzo.indexOf('index')>0))){
 					 $(this).addClass('mioactive');
+					 return false;
 				}
 			});
 			//Setto link attivo nel footer
 			mieili = $('.miolifooter li');
 			mieili.each(function(idx) {
 				var indirizzo = $(this).children().attr('href');
-				if(indirizzo.length>0 && window.location.href.indexOf(indirizzo)>0){
+				if(indirizzo!=null && indirizzo.length>0 && (window.location.href.indexOf(indirizzo)>0 || (window.location.href=='http://www.eclipse.org/emf-parsley/' || window.location.href=='https://www.eclipse.org/emf-parsley/' && indirizzo.indexOf('index')>0))){
 					 $(this).children().addClass('mioactivefooter');
+					 return false;
 				}
 			});
 			
diff --git a/img/arrow_down.png b/img/arrow_down.png
index ca6efda..0d60754 100644
--- a/img/arrow_down.png
+++ b/img/arrow_down.png
Binary files differ
diff --git a/img/arrow_up.png b/img/arrow_up.png
index fc2b618..226f452 100644
--- a/img/arrow_up.png
+++ b/img/arrow_up.png
Binary files differ
diff --git a/img/arrow_up_h.png b/img/arrow_up_h.png
index 056792d..7ac8313 100644
--- a/img/arrow_up_h.png
+++ b/img/arrow_up_h.png
Binary files differ
diff --git a/img/base.png b/img/base.png
index 3c90164..d6b222c 100644
--- a/img/base.png
+++ b/img/base.png
Binary files differ
diff --git a/img/bg-100x100.jpg b/img/bg-100x100.jpg
index e7d48d0..4304f58 100644
--- a/img/bg-100x100.jpg
+++ b/img/bg-100x100.jpg
Binary files differ
diff --git a/img/bg1-100x100.jpg b/img/bg1-100x100.jpg
index cdd34c3..d076679 100644
--- a/img/bg1-100x100.jpg
+++ b/img/bg1-100x100.jpg
Binary files differ
diff --git a/img/bug.png b/img/bug.png
index 9a3b343..9cc2ad5 100644
--- a/img/bug.png
+++ b/img/bug.png
Binary files differ
diff --git a/img/documentation_icon.png b/img/documentation_icon.png
index e74a43e..09d8b28 100644
--- a/img/documentation_icon.png
+++ b/img/documentation_icon.png
Binary files differ
diff --git a/img/dowload_icon.png b/img/dowload_icon.png
index a2ea001..b84b6db 100644
--- a/img/dowload_icon.png
+++ b/img/dowload_icon.png
Binary files differ
diff --git a/img/favicon.ico b/img/favicon.ico
new file mode 100644
index 0000000..269f38c
--- /dev/null
+++ b/img/favicon.ico
Binary files differ
diff --git a/img/footer.jpg b/img/footer.jpg
index fdc7a39..ae94300 100644
--- a/img/footer.jpg
+++ b/img/footer.jpg
Binary files differ
diff --git a/img/made.jpg b/img/made.jpg
index 3e6c75b..ff8fbff 100644
--- a/img/made.jpg
+++ b/img/made.jpg
Binary files differ
diff --git a/img/menu.jpg b/img/menu.jpg
index abd68bc..b664c2a 100644
--- a/img/menu.jpg
+++ b/img/menu.jpg
Binary files differ
diff --git a/img/question.png b/img/question.png
index 521c4fc..a11ddd4 100644
--- a/img/question.png
+++ b/img/question.png
Binary files differ
diff --git a/img/support.png b/img/support.png
index d63330c..4fbd46f 100644
--- a/img/support.png
+++ b/img/support.png
Binary files differ
diff --git a/img/twitter.png b/img/twitter.png
index 845cd0b..fdd2414 100644
--- a/img/twitter.png
+++ b/img/twitter.png
Binary files differ
diff --git a/img/twitter_h1.png b/img/twitter_h1.png
index f305d27..7cb0b64 100644
--- a/img/twitter_h1.png
+++ b/img/twitter_h1.png
Binary files differ
diff --git a/img/twitter_support.png b/img/twitter_support.png
index ebac165..8e611ce 100644
--- a/img/twitter_support.png
+++ b/img/twitter_support.png
Binary files differ
diff --git a/img/up.png b/img/up.png
index e5b80f2..aa2e585 100644
--- a/img/up.png
+++ b/img/up.png
Binary files differ
diff --git a/img/works.jpg b/img/works.jpg
index dae52fc..0ee2c87 100644
--- a/img/works.jpg
+++ b/img/works.jpg
Binary files differ
diff --git a/index.html b/index.html
index 7fdd4fa..b9c266f 100644
--- a/index.html
+++ b/index.html
@@ -64,7 +64,7 @@
 		<div class="navbar-fixed-top" style="background:url(img/bg-100x100.jpg)">
 			<div class="container" style="width:1150px;">
 				<div class="navbar-header">
-					<a href="Index.htm"><img class="featurette-image img-responsive" alt="" src="img/logo.gif"/></a>
+					<a href="index.html"><img class="img-responsive" alt="" src="img/logo.gif"/></a>
 				</div>
 			</div>
 			<nav class="navbar navbar-default" role="navigation" style="background-color:transparent; border:0 none; margin:-31px 0px 3px 0px;min-height: 36px;">
@@ -134,7 +134,7 @@
 	<div class="row featurette">
 		<div class="col-sm-6 col-md-6">
 			<h2 class="featurette-heading" style="margin-top:-13px;color: #246025;">What is EMF Parsley?</h2><!-- <span class="text-muted">It'll blow your mind.</span> -->
-			<p class="lead" style="text-align: justify; padding-right: 5px;margin-bottom: 26px;color:#383838;">EMF Parsley is an Eclipse project that provides a set of reusable UI components based on EMF (trees, tables, forms, views, editors), hiding most of the complexity of internal details, that can be used in your EMF-based plugin out-of-the-box. These parts are easily customizable via a DSL, implemented in Xtext. This project has been designed starting from EMF UI generated code, adding extensibility mechanism that make it very modular: all components are highly reusable and customizable via Dependency Injection (via Google Guice).<BR>As in cooking, EMF Parsley aims to be used in several EMF based parts. Its little components can be embedded whereever there is an EMF model and fully customized.</p>					
+			<p class="lead" style="text-align: justify; padding-right: 5px;margin-bottom: 26px;color:#383838;">EMF Parsley is an Eclipse project that provides a set of reusable UI components based on EMF (trees, tables, forms, views, editors), hiding most of the complexity of internal details, that can be used in your EMF-based plugin out-of-the-box. These parts are easily customizable via a DSL, implemented in Xtext. This project has been designed starting from EMF UI generated code, adding extensibility mechanism that make it very modular: all components are highly reusable and customizable via Dependency Injection (via Google Guice).<BR>As in cooking, EMF Parsley aims to be used in several EMF based parts. Its little components can be embedded wherever there is an EMF model and fully customized.</p>					
 			<div class="row">
 				<div class="col-md-5 col-md-offset-1"><a id="rbhover" href="download.html" style="text-decoration: none;font-size: 19px; font-family: Corbert, Segoe UI,sans-serif; letter-spacing: -0.5px;"><img class="img-responsive pull-left" alt="" src="img/dowload_icon.png"/></br>Download</a></div>
 				<div class="col-md-6" style="padding-left:0px;"><a id="rbhover" href="documentation.html" style="text-decoration: none;font-size: 19px; font-family: Corbert, Segoe UI,sans-serif; letter-spacing: -0.5px;"><img class="img-responsive pull-left" alt="" src="img/documentation_icon.png"/></br>Documentation</a></div>
@@ -150,7 +150,7 @@
 	</div>
 	<div class="row featurette" style="margin-top:7.5%;margin-bottom:6%;">
 		<div class="col-md-10 col-md-offset-1" style="padding:0px;">
-		  <a href="#"><img id="zoom_img" class="featurette-image img-responsive" src="img/works.jpg" style="margin-left:auto;margin-right:auto;"></a>
+		  <a href="#"><img id="zoom_img" class="img-responsive" src="img/works.jpg" style="margin-left:auto;margin-right:auto;"></a>
 		</div>
 		<div id="myModal" class="modal fade" tabindex="-1" role="dialog" style="overflow:hidden;">
 			<div class="lightbox-content img-responsive" style="display: block; margin: 5% 1%;"></div>
@@ -158,7 +158,7 @@
 	</div>
 </div>
 	<!-- FOOTER -->
-		<footer style="z-index: 1001;position:relative;background-color:#35414C;-webkit-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);-moz-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);box-shadow: 0px -3px 8px 0px rgba(30,51,72,1);margin-top:1%;">
+		<footer style="z-index: 1001;position:relative;background-color:#35414C;-webkit-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);-moz-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);box-shadow: 0px -3px 8px 0px rgba(30,51,72,1);margin-top:1.3%;">
 			<img width="100%" alt="" src="img/footer.jpg" />
 			<nav class="navbar navbar-default" role="navigation" style="background-color:transparent; border:0 none; margin:-97px 0px 31px 0px;min-height: 36px;">
 				<div class="container" style="width:37.6%;">
@@ -179,7 +179,7 @@
 					</div><!-- /.navbar-collapse -->
 				</div>
 			</nav>
-			<p class="terms" style="margin:0px;padding:21px 0px 6px 20px;"><a target="_blank" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/termsofuse.php">Terms of Use</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/">Legal</a><a class="pull-right" style="z-index: 1001;position:relative;margin:-38px 15px 0px 0px;" href="#top" id="topbutton"><img alt="Back to top" src="img/arrow_up.png"/></a></p>
+			<p class="terms" style="margin:0px;padding:21px 0px 6px 20px;"><a target="_blank" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/termsofuse.php">Terms of Use</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/">Legal</a><a class="pull-right" style="z-index: 1001;position:relative;margin:-38px 4% 0px 0px;" href="#top" id="topbutton"><img alt="Back to top" src="img/arrow_up.png"/></a></p>
 		</footer>
 		<!-- Bootstrap core JavaScript
 		================================================== -->
@@ -219,6 +219,13 @@
 			$('a#topbutton > img').attr('src','img/arrow_up.png');
 		});
 		
+		$('.scrollup').mouseover(function() {
+			$('a.scrollup').css('opacity', '1');
+		});
+		$('.scrollup').mouseout(function() {
+			$('a.scrollup').css('opacity', '0.35');
+		});
+		
 		//gestione scroll verticale
 		$(function() {
 		  $('a[href*=#]').click(function() {
@@ -236,6 +243,15 @@
 		  });
 		});
 		
+		$(window).scroll(function() {
+			var y = $(this).scrollTop();
+			if (y < 800)
+				$('a.scrollup').fadeOut();
+			else
+				$('a.scrollup').fadeIn();
+		});
+		//prevscroll
+		var prevscroll = 0;
 		$(window).on("scrollstop", function() {
 			var scrollposition = $('html,body').scrollTop()+210;
 			if(/chrome/.test(navigator.userAgent.toLowerCase()))
@@ -252,23 +268,40 @@
 					$("a[href='#par"+parid+"']").parent().addClass("activemenu");
 				}
 			});
-		})
+			//inizio prevscroll
+			//Gestione scroll del menu laterale in base alla posizione della pagina
+			var menuScrollSize = '-250px';
+			var pageScrollThreshold = 16730;
+			if($(window).height()<$(".dropdown-menu").height()+190){
+				if(prevscroll<scrollposition){
+					if(scrollposition>pageScrollThreshold)
+						$(".dropdown-menu").css('top', menuScrollSize);
+				} else	
+					$(".dropdown-menu").css('top', '0px');
+				prevscroll=scrollposition;
+			} else if($(".dropdown-menu").css('top')!=null && $(".dropdown-menu").css('top')==menuScrollSize){
+				$(".dropdown-menu").css('top', '0px');
+			}
+			//fine prevscroll
+		});
 		
 		$(document).ready(function() {
 			//Setto link attivo nel menu
 			var mieili = $('.miomenu li');
 			mieili.each(function(idx) {
 				var indirizzo = $(this).children().attr('href');
-				if(indirizzo.length>0 && window.location.href.indexOf(indirizzo)>0){
+				if(indirizzo!=null && indirizzo.length>0 && (window.location.href.indexOf(indirizzo)>0 || (window.location.href=='http://www.eclipse.org/emf-parsley/' || window.location.href=='https://www.eclipse.org/emf-parsley/' && indirizzo.indexOf('index')>0))){
 					 $(this).addClass('mioactive');
+					 return false;
 				}
 			});
 			//Setto link attivo nel footer
 			mieili = $('.miolifooter li');
 			mieili.each(function(idx) {
 				var indirizzo = $(this).children().attr('href');
-				if(indirizzo.length>0 && window.location.href.indexOf(indirizzo)>0){
+				if(indirizzo!=null && indirizzo.length>0 && (window.location.href.indexOf(indirizzo)>0 || (window.location.href=='http://www.eclipse.org/emf-parsley/' || window.location.href=='https://www.eclipse.org/emf-parsley/' && indirizzo.indexOf('index')>0))){
 					 $(this).children().addClass('mioactivefooter');
+					 return false;
 				}
 			});
 			
diff --git a/sources.html b/sources.html
index 7c6fba1..eea96c1 100644
--- a/sources.html
+++ b/sources.html
@@ -64,7 +64,7 @@
 		<div class="navbar-fixed-top" style="background:url(img/bg-100x100.jpg)">
 			<div class="container" style="width:1150px;">
 				<div class="navbar-header">
-					<a href="Index.htm"><img class="featurette-image img-responsive" alt="" src="img/logo.gif"/></a>
+					<a href="index.html"><img class="img-responsive" alt="" src="img/logo.gif"/></a>
 				</div>
 			</div>
 			<nav class="navbar navbar-default" role="navigation" style="background-color:transparent; border:0 none; margin:-31px 0px 3px 0px;min-height: 36px;">
@@ -128,6 +128,9 @@
 	<div id="page">  
 		<div class="inner">
 	</br>
+	<!-- scrollup ICON -->
+	<a class="scrollup" href="#top"></a>
+	<!-- scrollup ICON -->
 	<div class="row featurette">
 		<div class="col-md-6 col-md-offset-3">
 			<h1 id="par" class="featurette-heading text-parsley">Getting Sources</h1>
@@ -250,7 +253,7 @@
 		<!-- /END THE FEATURETTES -->
 	</div>
 	<!-- FOOTER -->
-		<footer style="z-index: 1001;position:relative;background-color:#35414C;-webkit-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);-moz-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);box-shadow: 0px -3px 8px 0px rgba(30,51,72,1);margin-top:1%;">
+		<footer style="z-index: 1001;position:relative;background-color:#35414C;-webkit-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);-moz-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);box-shadow: 0px -3px 8px 0px rgba(30,51,72,1);margin-top:1.3%;">
 			<img width="100%" alt="" src="img/footer.jpg" />
 			<nav class="navbar navbar-default" role="navigation" style="background-color:transparent; border:0 none; margin:-97px 0px 31px 0px;min-height: 36px;">
 				<div class="container" style="width:37.6%;">
@@ -271,7 +274,7 @@
 					</div><!-- /.navbar-collapse -->
 				</div>
 			</nav>
-			<p class="terms" style="margin:0px;padding:21px 0px 6px 20px;"><a target="_blank" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/termsofuse.php">Terms of Use</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/">Legal</a><a class="pull-right" style="z-index: 1001;position:relative;margin:-38px 15px 0px 0px;" href="#top" id="topbutton"><img alt="Back to top" src="img/arrow_up.png"/></a></p>
+			<p class="terms" style="margin:0px;padding:21px 0px 6px 20px;"><a target="_blank" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/termsofuse.php">Terms of Use</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/">Legal</a><a class="pull-right" style="z-index: 1001;position:relative;margin:-38px 4% 0px 0px;" href="#top" id="topbutton"><img alt="Back to top" src="img/arrow_up.png"/></a></p>
 		</footer>
 		<!-- Bootstrap core JavaScript
 		================================================== -->
@@ -311,6 +314,13 @@
 			$('a#topbutton > img').attr('src','img/arrow_up.png');
 		});
 		
+		$('.scrollup').mouseover(function() {
+			$('a.scrollup').css('opacity', '1');
+		});
+		$('.scrollup').mouseout(function() {
+			$('a.scrollup').css('opacity', '0.35');
+		});
+		
 		//gestione scroll verticale
 		$(function() {
 		  $('a[href*=#]').click(function() {
@@ -328,6 +338,15 @@
 		  });
 		});
 		
+		$(window).scroll(function() {
+			var y = $(this).scrollTop();
+			if (y < 800)
+				$('a.scrollup').fadeOut();
+			else
+				$('a.scrollup').fadeIn();
+		});
+		//prevscroll
+		var prevscroll = 0;
 		$(window).on("scrollstop", function() {
 			var scrollposition = $('html,body').scrollTop()+210;
 			if(/chrome/.test(navigator.userAgent.toLowerCase()))
@@ -344,23 +363,40 @@
 					$("a[href='#par"+parid+"']").parent().addClass("activemenu");
 				}
 			});
-		})
+			//inizio prevscroll
+			//Gestione scroll del menu laterale in base alla posizione della pagina
+			var menuScrollSize = '-250px';
+			var pageScrollThreshold = 16730;
+			if($(window).height()<$(".dropdown-menu").height()+190){
+				if(prevscroll<scrollposition){
+					if(scrollposition>pageScrollThreshold)
+						$(".dropdown-menu").css('top', menuScrollSize);
+				} else	
+					$(".dropdown-menu").css('top', '0px');
+				prevscroll=scrollposition;
+			} else if($(".dropdown-menu").css('top')!=null && $(".dropdown-menu").css('top')==menuScrollSize){
+				$(".dropdown-menu").css('top', '0px');
+			}
+			//fine prevscroll
+		});
 		
 		$(document).ready(function() {
 			//Setto link attivo nel menu
 			var mieili = $('.miomenu li');
 			mieili.each(function(idx) {
 				var indirizzo = $(this).children().attr('href');
-				if(indirizzo.length>0 && window.location.href.indexOf(indirizzo)>0){
+				if(indirizzo!=null && indirizzo.length>0 && (window.location.href.indexOf(indirizzo)>0 || (window.location.href=='http://www.eclipse.org/emf-parsley/' || window.location.href=='https://www.eclipse.org/emf-parsley/' && indirizzo.indexOf('index')>0))){
 					 $(this).addClass('mioactive');
+					 return false;
 				}
 			});
 			//Setto link attivo nel footer
 			mieili = $('.miolifooter li');
 			mieili.each(function(idx) {
 				var indirizzo = $(this).children().attr('href');
-				if(indirizzo.length>0 && window.location.href.indexOf(indirizzo)>0){
+				if(indirizzo!=null && indirizzo.length>0 && (window.location.href.indexOf(indirizzo)>0 || (window.location.href=='http://www.eclipse.org/emf-parsley/' || window.location.href=='https://www.eclipse.org/emf-parsley/' && indirizzo.indexOf('index')>0))){
 					 $(this).children().addClass('mioactivefooter');
+					 return false;
 				}
 			});
 			
diff --git a/support.html b/support.html
index 4669188..aab3529 100644
--- a/support.html
+++ b/support.html
@@ -64,7 +64,7 @@
 		<div class="navbar-fixed-top" style="background:url(img/bg-100x100.jpg)">
 			<div class="container" style="width:1150px;">
 				<div class="navbar-header">
-					<a href="Index.htm"><img class="featurette-image img-responsive" alt="" src="img/logo.gif"/></a>
+					<a href="index.html"><img class="img-responsive" alt="" src="img/logo.gif"/></a>
 				</div>
 			</div>
 			<nav class="navbar navbar-default" role="navigation" style="background-color:transparent; border:0 none; margin:-31px 0px 3px 0px;min-height: 36px;">
@@ -177,7 +177,7 @@
 	</div>
 </div>
 	<!-- FOOTER -->
-		<footer style="z-index: 1001;position:relative;background-color:#35414C;-webkit-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);-moz-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);box-shadow: 0px -3px 8px 0px rgba(30,51,72,1);margin-top:1%;">
+		<footer style="z-index: 1001;position:relative;background-color:#35414C;-webkit-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);-moz-box-shadow: 0px -3px 8px 0px rgba(171,209,173,1);box-shadow: 0px -3px 8px 0px rgba(30,51,72,1);margin-top:1.3%;">
 			<img width="100%" alt="" src="img/footer.jpg" />
 			<nav class="navbar navbar-default" role="navigation" style="background-color:transparent; border:0 none; margin:-97px 0px 31px 0px;min-height: 36px;">
 				<div class="container" style="width:37.6%;">
@@ -198,7 +198,7 @@
 					</div><!-- /.navbar-collapse -->
 				</div>
 			</nav>
-			<p class="terms" style="margin:0px;padding:21px 0px 6px 20px;"><a target="_blank" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/termsofuse.php">Terms of Use</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/">Legal</a><a class="pull-right" style="z-index: 1001;position:relative;margin:-38px 15px 0px 0px;" href="#top" id="topbutton"><img alt="Back to top" src="img/arrow_up.png"/></a></p>
+			<p class="terms" style="margin:0px;padding:21px 0px 6px 20px;"><a target="_blank" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/termsofuse.php">Terms of Use</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a target="_blank" href="http://www.eclipse.org/legal/">Legal</a><a class="pull-right" style="z-index: 1001;position:relative;margin:-38px 4% 0px 0px;" href="#top" id="topbutton"><img alt="Back to top" src="img/arrow_up.png"/></a></p>
 		</footer>
 		<!-- Bootstrap core JavaScript
 		================================================== -->
@@ -238,6 +238,13 @@
 			$('a#topbutton > img').attr('src','img/arrow_up.png');
 		});
 		
+		$('.scrollup').mouseover(function() {
+			$('a.scrollup').css('opacity', '1');
+		});
+		$('.scrollup').mouseout(function() {
+			$('a.scrollup').css('opacity', '0.35');
+		});
+		
 		//gestione scroll verticale
 		$(function() {
 		  $('a[href*=#]').click(function() {
@@ -255,6 +262,15 @@
 		  });
 		});
 		
+		$(window).scroll(function() {
+			var y = $(this).scrollTop();
+			if (y < 800)
+				$('a.scrollup').fadeOut();
+			else
+				$('a.scrollup').fadeIn();
+		});
+		//prevscroll
+		var prevscroll = 0;
 		$(window).on("scrollstop", function() {
 			var scrollposition = $('html,body').scrollTop()+210;
 			if(/chrome/.test(navigator.userAgent.toLowerCase()))
@@ -271,23 +287,40 @@
 					$("a[href='#par"+parid+"']").parent().addClass("activemenu");
 				}
 			});
-		})
+			//inizio prevscroll
+			//Gestione scroll del menu laterale in base alla posizione della pagina
+			var menuScrollSize = '-250px';
+			var pageScrollThreshold = 16730;
+			if($(window).height()<$(".dropdown-menu").height()+190){
+				if(prevscroll<scrollposition){
+					if(scrollposition>pageScrollThreshold)
+						$(".dropdown-menu").css('top', menuScrollSize);
+				} else	
+					$(".dropdown-menu").css('top', '0px');
+				prevscroll=scrollposition;
+			} else if($(".dropdown-menu").css('top')!=null && $(".dropdown-menu").css('top')==menuScrollSize){
+				$(".dropdown-menu").css('top', '0px');
+			}
+			//fine prevscroll
+		});
 		
 		$(document).ready(function() {
 			//Setto link attivo nel menu
 			var mieili = $('.miomenu li');
 			mieili.each(function(idx) {
 				var indirizzo = $(this).children().attr('href');
-				if(indirizzo.length>0 && window.location.href.indexOf(indirizzo)>0){
+				if(indirizzo!=null && indirizzo.length>0 && (window.location.href.indexOf(indirizzo)>0 || (window.location.href=='http://www.eclipse.org/emf-parsley/' || window.location.href=='https://www.eclipse.org/emf-parsley/' && indirizzo.indexOf('index')>0))){
 					 $(this).addClass('mioactive');
+					 return false;
 				}
 			});
 			//Setto link attivo nel footer
 			mieili = $('.miolifooter li');
 			mieili.each(function(idx) {
 				var indirizzo = $(this).children().attr('href');
-				if(indirizzo.length>0 && window.location.href.indexOf(indirizzo)>0){
+				if(indirizzo!=null && indirizzo.length>0 && (window.location.href.indexOf(indirizzo)>0 || (window.location.href=='http://www.eclipse.org/emf-parsley/' || window.location.href=='https://www.eclipse.org/emf-parsley/' && indirizzo.indexOf('index')>0))){
 					 $(this).children().addClass('mioactivefooter');
+					 return false;
 				}
 			});