var Home = function(){
	
	var arrFooters, 
		arrContent,
		indexPagFooter,
		html,
		footerHtml;

	this.init = function( footers, contents ){
			arrFooters = footers;
			arrContent = contents;
			indexPagFooter = 1;
			html = '';
	},

	generateFooterHtml = function(){
				
		var x = $('.foot-wrap').css('margin-left');
		var y = $('.foot-wrap').css('height');
		var k = $('.foot-wrap').css('bottom');

		//footerHtml = '<div class="foot-wrap" style="margin-left:'+x+'; margin-right:'+x+'; height:'+y+'; bottom: '+k+';">';
		footerHtml = '<div class="foot-wrap">';

			for(var c in arrFooters['footerSet'+indexPagFooter]){
				footerHtml += '<div class="foot">'+arrFooters['footerSet'+indexPagFooter][c]+'</div>';
				if(c!='foot3') //Se non è l'ultimo
					footerHtml += '<div class="foot-separator"></div>';
			};

		footerHtml += '</div>';
	},

	this.changeContent = function(a){
		
	},


	this.generateContentHtml = function(){
		/*
		html = '<div id="slide">';		
				
				for(k in arrContent.img){
					html += arrContent.img[k];	
				}

			html += '</div>';					

		html += '</div>';

		html += '<div id="content-internal">';
		html += arrContent.text;
		html += '</div>';
		*/
		html += '<style>/* Navigation */  #page-wrap { background: url("'+base_url+'img/screen-home.png"); background-size: 100% !important; } #nav {position:absolute; bottom:20px; left:50%; z-index:9;}#nav li { background: url("'+base_url +'img/slide-not-active.png"); width:20px; height:20px; float:left;}#nav li.activeSlide { background: url("'+base_url +'img/slide-active.png"); width:20px; height:20px; float:left;}</style>';

	},

	this.generateArrayFromJson = function(data){ //Handle ajax json responce 
			
			var footers = new Array();
			var content = new Array();
			content['img'] = new Array();

			$.each(data, function(key, value) { 
				  //alert(key + ': ' + value);
				  if(key == 'footer'){				  		
				  		
				  		$.each(value, function(k, v) { 
							//alert(k);
							
							footers[k] = new Array();

							$.each(v, function(ke, va) { 
					  			footers[k][ke] = va;					  					  			 
					  		});				  			

				  		});

				  }
				  
				  if(key == 'content'){				  		
				  		
				  		$.each(value, function(kC, vC) { 
							
							if(kC == 'text'){
								content[kC] = vC;	
							}

							if(kC == 'type'){								
								content[kC] = vC;
							}

							if(kC == 'video'){
								content[kC] = vC;
							}

							if(kC == 'imgs'){
								$.each(vC, function(K, V) { 
						  			content['img'][K] = V;					  					  			 
						  		});									
							}			  			

				  		});

				  }

			});			

		this.init(footers, content);		
		this.generateContentHtml();
		generateFooterHtml();
	},	


	this.getContentHtml = function(){
		return html;	
	},

	this.getFooterHtml = function(){
		return footerHtml;	
	},

	this.getArrFooter = function(){
		return arrFooters;
	},

	this.getJavascript = function(){	    
		/*
	    $('#slide').after('<div id="nav">') 
		.cycle({ 
			fx: 'scrollLeft', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    		speed:  2000,
    		timeout: 10000,
    		pager:  '#nav', 
		    pagerAnchorBuilder: function(ind, el){
				return '<li></li>';
			}
		    
		});		
		*/
		
	},

	this.getArrContent = function(){
		return arrContent;
	}	

}