diff --git a/oth/img/magnifyingGlass.xcf b/oth/img/magnifyingGlass.xcf
new file mode 100644
index 0000000..4d06119
Binary files /dev/null and b/oth/img/magnifyingGlass.xcf differ
diff --git a/private/lib/dao/models/NotiziaModel.php b/private/lib/dao/models/NotiziaModel.php
index 614ce01..4b8086a 100644
--- a/private/lib/dao/models/NotiziaModel.php
+++ b/private/lib/dao/models/NotiziaModel.php
@@ -41,18 +41,18 @@ class NotiziaModel extends HasMediaModel{
 	const CATEGORY_ANNUNCI = 12;
 	
 	public static $NOTIZIE_CATEGORY = array(
-			self::CATEGORY_POLITICA=>array("label"=>"Politica","mainMenu"=>true,"hidden"=>false),
-			self::CATEGORY_CRONACA=>array("label"=>"Cronaca","mainMenu"=>true, "hidden"=>false),
-			self::CATEGORY_SPORT=>array("label"=>"Sport","mainMenu"=>true, "hidden"=>false),
-			self::CATEGORY_CULTURA=>array("label"=>"Cultura&Spettacolo","mainMenu"=>true, "hidden"=>false),
-			self::CATEGORY_GOSSIP=>array("label"=>"Gossip","mainMenu"=>false, "hidden"=>false),
-			self::CATEGORY_ANIMALI=>array("label"=>"Mondo Animale","mainMenu"=>false, "hidden"=>false),
-			self::CATEGORY_VIAGGI=>array("label"=>"Viaggi","mainMenu"=>false, "hidden"=>true),
-			self::CATEGORY_RISTORANTI=>array("label"=>"Ristoranti","mainMenu"=>false, "hidden"=>true),
-			self::CATEGORY_MESTIERI=>array("label"=>"Mestieri","mainMenu"=>false, "hidden"=>true),
-			self::CATEGORY_CASA=>array("label"=>"Casa","mainMenu"=>false, "hidden"=>true),
-			self::CATEGORY_SALUTE=>array("label"=>"Salute","mainMenu"=>false, "hidden"=>true),
-			self::CATEGORY_ANNUNCI=>array("label"=>"Annunci","mainMenu"=>false, "hidden"=>true)
+			self::CATEGORY_POLITICA=>array("label"=>"Politica","mainMenu"=>true,"hidden"=>false,"pages"=>array("list"=>"politica.php")),
+			self::CATEGORY_CRONACA=>array("label"=>"Cronaca","mainMenu"=>true, "hidden"=>false,"pages"=>array("list"=>"cronaca.php")),
+			self::CATEGORY_SPORT=>array("label"=>"Sport","mainMenu"=>true, "hidden"=>false,"pages"=>array("list"=>"sport.php")),
+			self::CATEGORY_CULTURA=>array("label"=>"Cultura&Spettacolo","mainMenu"=>true, "hidden"=>false,"pages"=>array("list"=>"cultura.php")),
+			self::CATEGORY_GOSSIP=>array("label"=>"Gossip","mainMenu"=>false, "hidden"=>false,"pages"=>array("list"=>"gossip.php")),
+			self::CATEGORY_ANIMALI=>array("label"=>"Mondo Animale","mainMenu"=>false, "hidden"=>false,"pages"=>array("list"=>"animali.php")),
+			self::CATEGORY_VIAGGI=>array("label"=>"Viaggi","mainMenu"=>false, "hidden"=>true,"pages"=>array("list"=>"viaggi.php")),
+			self::CATEGORY_RISTORANTI=>array("label"=>"Ristoranti","mainMenu"=>false, "hidden"=>true,"pages"=>array("list"=>"ristoranti.php")),
+			self::CATEGORY_MESTIERI=>array("label"=>"Mestieri","mainMenu"=>false, "hidden"=>true,"pages"=>array("list"=>"mestieri.php")),
+			self::CATEGORY_CASA=>array("label"=>"Casa","mainMenu"=>false, "hidden"=>false,"pages"=>array("list"=>"casa.php")),
+			self::CATEGORY_SALUTE=>array("label"=>"Salute","mainMenu"=>false, "hidden"=>false,"pages"=>array("list"=>"salute.php")),
+			self::CATEGORY_ANNUNCI=>array("label"=>"Annunci","mainMenu"=>false, "hidden"=>false,"pages"=>array("list"=>"annunci.php"))
 	);
 	
 	public static function getCollectionName(){
diff --git a/private/lib/gui/GUIHandler.php b/private/lib/gui/GUIHandler.php
index be0ffc4..c87fee7 100644
--- a/private/lib/gui/GUIHandler.php
+++ b/private/lib/gui/GUIHandler.php
@@ -171,31 +171,93 @@ class GUIHandler {
 		echo $head;	
 	}
 	
-	public static function generateMenu($pageSelected = "home"){
-		$html = "";
-		$homeSelected = "";
-		if(strcasecmp($pageSelected, "home")==0){
-			$homeSelected ="selected";
-		}
-		
-		foreach (NotiziaModel::$NOTIZIE_CATEGORY as $category=>$data){
-			if(($data["mainMenu"]) && !$data["hidden"]){
-				if(strcmp($data["label"],$pageSelected)==0){
-					$html .=  '<div class="menuTab selected"><a href="#">'.strtoupper($data["label"]).'</a></div>';
-				}
-				else{
-					$html .= '<div class="menuTab"><a href="#">'.strtoupper($data["label"]).'</a></div>';
-		 		}
-		 	}
-		}
-			
-		
-		$menu = '<div class="menuBar"><div class="menuTab '.$homeSelected.'"><a href="#">HOME</a></div>'.$html.
-			'<div class="menuTab" ><a href="#">TUTTE LE SEZIONI <img style="margin-left:5px;vertical-align:middle;"src="images/menuArrow.png" alt""></a></div>
-			<div class="searchBar"><input class="inputBar" name="search" placeholder="cerca nel sito" /><img alt="" src="images/magnifyingGlass.png"/></div>
-		</div>';
-		echo $menu;
+	public static function generateMenu(){
+	  ?><div class="menuContainer">
+	  		<div class="menuBar">
+	  			<div class="menuTab">
+	  				<a href="#">HOME</a>
+	  			</div>
+	  			<?php 
+				foreach (NotiziaModel::$NOTIZIE_CATEGORY as $category=>$data){
+	  				if(($data["mainMenu"]) && !$data["hidden"]){
+	  					?>
+	  					<div class="menuTab"><a href="javascript:void(0)"><?php echo strtoupper($data["label"]);?></a></div>
+	  					<?php
+	  		 		}
+	  			}
+	  			?>
+				<div class="menuTab" id="menuable" >
+					<a href="javascript:void(0);">TUTTE LE SEZIONI <img style="margin-left:5px;vertical-align:middle;"src="images/menuArrow.png" alt""></a>
+				</div>
+				<div class="searchBar"><input class="inputBar" name="search" placeholder="cerca nel sito" /><img alt="" src="images/magnifyingGlass.png"/></div>
+			</div>
+			<div class="hiddenMenu" style="display:none;">
+				<ul class="categoryList">
+					<?php 
+					foreach(NotiziaModel::$NOTIZIE_CATEGORY as $category=>$data){
+						if(!$data["mainMenu"] && !$data["hidden"]){
+							?>
+							<li class="categoryVoice"><a href="javascript:void(0)"><?php echo strtoupper($data["label"]);?></a></li>
+							<?php 
+						}
+					}
+					?>
+				</ul>
+			</div>
+		</div>
+	  	
+	  	<script type="text/javascript">
+	  		$(document).ready(function(event){
+	  			$("#menuable").click(function(){
+	  				if($(".hiddenMenu").hasClass("open")){
+	  					$(".hiddenMenu").fadeOut().removeClass("open");
+	  					
+	  				}
+	  				else{
+	  					$(".hiddenMenu").fadeIn().addClass("open");
+	  				}
+	  			});
+	  	
+	  			$(".hiddenMenu").mouseleave(function(){
+	  				if($(".hiddenMenu").hasClass("open")){
+	  					$(".hiddenMenu").fadeOut().removeClass("open");
+	  					
+	  				}
+	  			});
+	  			
+	  		});
+	  	</script>
+		<?php 	
+	  	
+// 		$menu = '<div class="menuContainer"><div class="menuBar"><div class="menuTab"><a href="#">HOME</a></div>'.$html.
+// 			'<div class="menuTab" id="menuable" ><a href="javascript:void(0);">TUTTE LE SEZIONI <img style="margin-left:5px;vertical-align:middle;"src="images/menuArrow.png" alt""></a></div>
+// 			<div class="searchBar"><input class="inputBar" name="search" placeholder="cerca nel sito" /><img alt="" src="images/magnifyingGlass.png"/></div>
+// 		</div><div class="hiddenMenu" style="display:none;"><ul class="categoryList">'.$hiddenMenu.'</ul></div>';
+// 		echo $menu;
+	}
+	
+	public function generateFooter(){
+		?>
+		<div class="footer">
+		<div class="footerCategory">
+		<a href="index.php">Home</a>
+		<?php
+		foreach(NotiziaModel::$NOTIZIE_CATEGORY as $category=>$data){
+			if($data["mainMenu"] && !$data["hidden"]){
+				?>
+									| <a href="<?php echo $data["pages"]["list"];?>"><?php echo $data["label"];?></a>
+								<?php 
+							}
+						}
+					
+					?>
+				</div>
+				<div style="text-align:center;color:white;margin-top:25px;">TESTATA REGISTRATA PRESSO IL TRIBUNALE DI NAPOLI AUT. NR. 8 DEL 27 GENNAIO 2006</div>
+				<div style="text-align:center;color:white;margin-top:20px;">COPYRIGHT &copy 2016 <a href="www.ifattidinapoli.it" style="color:white;">www.ifattidinapoli.it</a> - Giornale della Terza Metropoli Italiana</div>
+				<div style="text-align:center;color:white;margin-top:20px;"><a href="redazione.php" style="color:white;">REDAZIONE</a> | <a href="contatti.php" style="color:white;">CONTATTACI</a> | <a href="archivio.php" style="color:white;">ARCHIVIO STORICO</a></div>
+				
+			</div>
+	<?php 
 	}
 }
-
 ?>
\ No newline at end of file
diff --git a/public/images/magnifyingGlass.png b/public/images/magnifyingGlass.png
new file mode 100644
index 0000000..5691e1d
Binary files /dev/null and b/public/images/magnifyingGlass.png differ
diff --git a/public/index.php b/public/index.php
index b76cc38..9fc91b5 100644
--- a/public/index.php
+++ b/public/index.php
@@ -74,12 +74,15 @@ catch (Exception $ex){
 ?>
 <div style="width:1000px;margin-left:auto;margin-right:auto;">
 <?php 
-	GUIHandler::generateHeadPublic(); 
-	GUIHandler::generateMenu($pageSelected);?>
+	GUIHandler::generateHeadPublic();
+	GUIHandler::generateMenu();?>
 	<div class="leftBarNews">
 		<div class="ansaContainer" >
-			<?php foreach($ansaNews as $ansa){
-			$string = (strlen($ansa->testo) > 53) ? substr($ansa->testo,0,50).'...' : $ansa->testo;?>
+			<?php $i=0; foreach($ansaNews as $ansa){
+				$i++;
+				$stringTitolo = (strlen($ansa->titolo) > 103) ? substr($ansa->titolo,0,100).'...' : $ansa->titolo;
+				$stringSottotitolo = (strlen($ansa->sottotitolo) > 73) ? substr($ansa->sottotitolo,0,70).'...' : $ansa->sottotitolo;
+				$stringTesto = (strlen($ansa->testo) > 33) ? substr($ansa->testo,0,30).'...' : $ansa->testo;?>
 				<div class="ansa"><?php 
 					$media = DaoMediaHandler::getMainMediaFromModel($ansa);
 					if(!is_null($media)){?>
@@ -87,10 +90,17 @@ catch (Exception $ex){
 							<?php $media->renderMedia();?>
 						</div>
 			<?php 	}?>
-					<div class="ansaNews">
-						<div class="ansaTitolo"><?php echo $ansa->titolo;?></div>
-						<div class="ansaSottotitolo"> <?php echo $ansa->sottotitolo;?></div>
-						<div class="ansaTesto"><?php echo $string;?></div>
+					<div id="ansa_<?php echo $i;?>" class="ansaNews">
+						<div class="ansaTitolo"><?php echo $stringTitolo;?></div>
+						<div class="ansaSottotitolo"> <?php echo $stringSottotitolo;?></div>
+						<div class="ansaTesto"><?php echo $stringTesto;?></div>
+						<script type="text/javascript">
+							$(document).ready(function(event){
+								$("#ansa_<?php echo $i;?>").click(function(event){
+									window.location.href="articolo.php?id=<?php echo $ansa->id;?>";
+								});							
+							});
+						</script>
 					</div>
 				</div>
 				<div class="socialBarAnsa">
@@ -271,4 +281,5 @@ catch (Exception $ex){
 		<?php	}?>			
 		</div>
 	</div>
+	<?php GUIHandler::generateFooter();?>
 </div>
\ No newline at end of file
diff --git a/public/style/public.css b/public/style/public.css
index b761916..574109a 100644
--- a/public/style/public.css
+++ b/public/style/public.css
@@ -21,10 +21,10 @@ body{font-family:lato, arial;}
 .topBanner > *{max-widht:100%;max-height:100%;}
 
 
-
+.menuContainer{position:relative;z-index:2;}
 .menuBar{background-color:#139be5;font-weight:bold;height:45px;margin-top:2px;color:white;overflow:hidden;}
 .menuTab{display:inline-block;padding:15px 17px 15px 16px;font-size:12px;}
-.menuTab.selected{display:inline-block;padding:15px 17px 15px 16px;font-size:12px;background-color:#0069a3;}
+.menuTab:hover{background-color:#0069a3;}
 .menuTab > a {text-decoration:none;color:white;}
 
 .searchBar{
@@ -46,14 +46,39 @@ body{font-family:lato, arial;}
     top: 3px;
 }
 
+.hiddenMenu{
+	background-color: #139be5;
+    position: absolute;
+    left: 508px;
+    top: 45px;
+    width:156px;
+}
+.hiddenMenu > ul{list-style:none;padding:0px;}
+.categoryVoice{padding:10px 9px;font-size:12px;}
+.categoryVoice:hover{background-color:#0069a3;}
+.categoryVoice > a {color:white;font-weight:bold;}
+
+.leftBarNews{
+	width: 500px;
+    margin-top: -1px;
+    border: solid #d6d6d6 1px;
+    border-left: 2px;
+    border-right: 2px;
+    display: inline-block;
+    height: 1380px;
+    box-shadow: 0px 0px 10px -3px;
+    -webkit-box-shadow: 0px 0px 10px -3px;
+    -moz-box-shadow: 0px 0px 10px -3px;
+    padding: 10px 5px 5px;
+    margin-left: 1px;
+}
 
-.leftBarNews{width:500px;margin-top:23px;border:solid #d6d6d6 1px;border-left:2px;border-right:2px;display:inline-block;height:1380px;}
 .ansaContainer{margin-bottom:25px; border:none;height:420px}
 .ansa{border:solid #d6d6d6 1px;border-left:0px;border-right:0px;border-top:0px;height:180px;}
 .ansa> div {display:inline-block;vertical-align:top;}
 
 .ansaImage{display:inline-block;margin:15px 7px;width:150px;overflow:hidden;text-align:center;}
-.ansaNews{margin-top:2px;width:330px;}
+.ansaNews{margin-top:2px;width:330px;cursor:pointer;}
 .ansaTitolo{font-weight:bold;font-size:23px;text-align:justify;}
 .ansaSottotitolo{font-size:17px;color:#767676;text-align:justify;}
 .ansaTesto{color:#5aa8d8;font-weight:bold;text-align:justify;}
@@ -96,7 +121,7 @@ body{font-family:lato, arial;}
 .newsSport{position:relative;margin:10px 3px;display:inline-block;vertical-align:top;height:262px;}
 .newsSummary{width:145px;display:inline-block;}
 .newsMainMedia{width:140px;height:100px;overflow:hidden;margin-bottom:25px;text-align:center;}
-.newsTitle{font-weight:bold;margin-bottom:20px;text-align:left;font-size:14px;}
+.newsTitle{font-weight:bold;margin-bottom:5px;text-align:left;font-size:14px;}
 .newsSubTitle{margin-bottom:10px;text-align:left;font-size:13px;}
 .continue{vertical-align:bottom;position:absolute;bottom:0; left:0;}
 
@@ -107,7 +132,7 @@ body{font-family:lato, arial;}
 	display:inline-block;
 	width:220px;
 	height:1380px;
-	background-color:#f4f4f4;  
+	/* background-color:#f4f4f4; */  
 	border-top:0px;
 	border-bottom:0px;
 	vertical-align:top;
@@ -153,4 +178,9 @@ body{font-family:lato, arial;}
 .lastTitle > a{color:#64bff0;}
 
 .gossipContainer{max-height:120px;margin-top:5px;margin-bottom:5px;border-bottom:dotted #C1B4B4 1px;}
-.viaggiContainer{max-height:165px;margin-top:5px;margin-bottom:5px;border-bottom:dotted #C1B4B4 1px;}
+.viaggiContainer{max-height:165px;margin-top:5px;margin-bottom:5px;}
+
+
+.footer{background-color:#14477c;height:177px;margin-top:10px;}
+.footerCategory{text-align:center;color:#2e91d4;padding:10px;}
+.footerCategory > a{color:#2e91d4;margin:10px;}
\ No newline at end of file