var Work = function(idWork){
	
	var arrFooters, 
		arrContent,
		indexArrFooter, //Quale dei tre banner del footer andremo a selezionare
		indexPagFooter, //Indice di quale set di footer sto usando PAG
		html,
		footerHtml,
		idWork = idWork;

	this.init = function( footers, contents ){
			arrFooters = footers;
			arrContent = contents;
			indexPagFooter = 0;
			indexArrFooter = 0;
			html = '';
			if( $.address.baseURL().match('/ita/') )
			{
				if( !$.address.baseURL().match( arrContent[idWork].name ) )
				{
					//alert($.address.baseURL());
					$.address.value('ita/ajaxWork'+'/'+arrContent[idWork].name);					
				}
			}
			else if( $.address.baseURL().match('/en/') )
			{	
				if( !$.address.baseURL().match( arrContent[idWork].name ) )
				{
					$.address.value('en/ajaxWork'+'/'+arrContent[idWork].name);					
				}				
			}
			else
			{
				var old = $.address.value();
				old = old.split('/');
				if( old[1] != "ajaxWork")
					$.address.value(old[1]+'/'+'ajaxWork'+'/'+arrContent[idWork].name);				
				else
					$.address.value('ita'+'/'+'ajaxWork'+'/'+arrContent[idWork].name);				
			}

			var intervalID  = window.setInterval('resizeLayout.general()', 600);
			var intervalID2 = window.setInterval('resizeLayout.footer()', 600);
	},

	this.generateFooterHtml = function(){	
		
		var next = indexPagFooter + 1,
			prev = indexPagFooter -1;

		if(prev > (len( arrFooters )-1)){
			prev = 0;
		}

		if(prev < 1){
			prev = len( arrFooters )-1;
		}

		if(next > (len( arrFooters )-1)){
			next = 0;
		}
		//alert('next: '+next);
		if(next < 0){
			next = len( arrFooters )-1;
		}
		
		footerHtml = '<div alt="'+ (prev)+'" id="slideLeft" style="position:absolute; top: '+$('.foot').height() / 2+'px; left:2%; width: 20px">'+
					 	'<img src="'+base_url+'img/freccia_left_f.png"/>'+
					 '</div>'+
					 '<div id="slideRight" alt="'+ (next)+'" style="position:absolute; top: '+$('.foot').height() / 2+'px; right:2%; width: 20px">'+
					 	'<img src="'+base_url+'img/freccia_right_f.png"/>'+
					 '</div>';
		
			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+';">';
			
			for(var c in arrFooters[indexPagFooter]){				
				footerHtml += '<div class="foot" id="'+c+'">'+arrFooters[indexPagFooter][c]+'</div>';
				if(c!='foot2') //Se non è l'ultimo
					footerHtml += '<div class="foot-separator"></div>';
			};

		footerHtml += '</div>';


	},

	this.changeContentFromFooter = function(a){
			var id = a.attr('id');
			var t = parseInt(id);//id.match('[0-9]');
		
			indexArrFooter = t;
			idWork = indexArrFooter;
			this.generateContentHtml();
			this.changeWithFade();
			this.getJavascript();

			box_W = Math.round( $('#box').width() );
			box_H = Math.round( $('#box').height() );

			media_W = Math.round( $('#media').width() );
			media_H = Math.round( $('#media').height() );

			var old = $.address.value();
			old = old.split('/');

			if( $.address.baseURL().match('/ita/') )
			{
				$.address.value('ita/'+'ajaxWork'+'/'+arrContent[idWork].name);			
			}
			else if( $.address.baseURL().match('/en/') )
			{
				$.address.value('en/'+'ajaxWork'+'/'+arrContent[idWork].name);				
			}
			else
			{
				$.address.value(old[1]+'/'+'ajaxWork'+'/'+arrContent[idWork].name);				
			}			

			this.resetDim(box_W, box_H, media_W, media_H);

			window.setTimeout('resizeLayout.general()', 600);
			window.setTimeout('resizeLayout.footer()', 600);	
	},

	this.changeContent = function(a){
			$('#content').fadeOut();
			var id = parseInt( a.attr('alt') );
			indexArrFooter = id;
			idWork = id;
			this.generateContentHtml();
			this.changeWithFade();
			this.getJavascript();			

			box_W = Math.round( $('#box').width() );
			box_H = Math.round( $('#box').height() );

			media_W = Math.round( $('#media').width() );
			media_H = Math.round( $('#media').height() );

			var old = $.address.value();
			old = old.split('/');

			if( $.address.baseURL().match('/ita/') )
			{
				$.address.value('ita/'+'ajaxWork'+'/'+arrContent[idWork].name);			
			}
			else if( $.address.baseURL().match('/en/') )
			{
				$.address.value('en/'+'ajaxWork'+'/'+arrContent[idWork].name);				
			}
			else
			{
				$.address.value(old[1]+'/'+'ajaxWork'+'/'+arrContent[idWork].name);				
			}			

			this.resetDim(box_W, box_H, media_W, media_H);

			// window.setTimeout('resizeLayout.general()', 600);
			// window.setTimeout('resizeLayout.footer()', 600);			
	},	


	this.resetDim = function(box_W, box_H, media_W, media_H){
		$('#box').css({
			width: box_W+'px',
			height: box_H+'px'
		});

		$('#media, #media > *').css({
			width: media_W+'px',
			height: media_H+'px'
		});		
	},

	this.setFooterPagination = function(data){
			indexPagFooter = data;
			this.generateFooterHtml();
	},

	this.changeWithFade = function(){
		var me = this;
		$('#content').fadeOut(100, function(){
			$('.imageID').attr('src', '');
			$('.imageID').attr('src', base_url+'img/work/'+arrContent[indexArrFooter].background);
			$('#page-wrap').css('background-image', 'url('+base_url+'img/work/'+arrContent[indexArrFooter].background+')' );			
			$('#content').html( me.getContentHtml() ).fadeIn();			
		});
	},

	this.generateContentHtml = function(){		
		var toLoad;
		
		if( isInt(idWork) ){
			toLoad = idWork;
		} else {
			toLoad = indexArrFooter;
		}		

		var next = toLoad + 1,
			prev = toLoad - 1;

		if(prev > len( arrContent )-1 ){
			prev = 0;
		}

		if(prev < 0){
			prev = len( arrContent )-1;
		}

		if(next > len( arrContent )-1){
			next = 0;
		}

		if(next < 0){
			next = len( arrContent )-1;
		}		
		


		html = '<div id="work" style="">';
		
		html += '<div id="BigSlideLeft" alt="'+ (prev)+'"  style="position:absolute; top: '+$('#content').height() / 2+'px; left:2%; width: 40px">'+
				 	'<img src="'+base_url+'img/freccia_left.png"/>'+
				 '</div>'+
				 '<div id="BigSlideRight" alt="'+ (next)+'" style="position:absolute; top: '+$('#content').height() / 2+'px; right:2%; width: 40px">'+
				 	'<img src="'+base_url+'img/freccia_right.png"/>'+
				 '</div>';
		html += '<div id="box">';
			html += "<table><tr><td>";
				html += arrContent[toLoad].text;
			html += "</td><td></table>";
		html += '</div><div id="media">';

		if(arrContent[toLoad].type == 'img'){
			
			html += '<div id="workSlide">';
				
				for(k in arrContent[toLoad].imgs){
					html += arrContent[toLoad].imgs[k];	
				}

			html += '</div>';			
		}

		if(arrContent[toLoad].type == 'video'){
			html += '<div id="workSlide">';
				
				html += arrContent[toLoad].video;	

			html += '</div>';				
		}



		html += '<div id="box_loghi">';
			
			if(arrContent[toLoad].loghi.length > 1){
				var w = '44%',
					m = '-14px';
			} else {
				var w = '55%',
					m = '-67px';
			}

			console.log(arrContent[toLoad].logo_w_custom);
			if( arrContent[toLoad].logo_w_custom != undefined ){
				var w = arrContent[toLoad].logo_w_custom,
					m = '-14px';
			}
				
			for(k in arrContent[toLoad].loghi){
				html += '<img style="width:'+w+';" src="'+base_url+'img/loghi/'+ arrContent[toLoad].loghi[k] +'"/>';	//margin-top:'+m+'"
			}

		html += '</div>';
		
		html += '</div>';				
		
		html += '</div>';

		html += '<style>/* Navigation */ #nav {position:absolute; z-index:9; left:45%; bottom:-10%;} #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;} #content-internal { width:300px; height:300px; background: #fff; } </style>		';

		var intervalID = window.setTimeout('resizeLayout.general()', 600);
			intervalID = window.setTimeout('resizeLayout.footer()', 600);
	},

	this.generateArrayFromJson = function(data){ //Handle ajax json responce 

			var footers = new Array();
			var content = new Array();		

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

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

				  		});

				  }
				  
				  if(key == 'content'){				  						  		

				  		$.each(value, function(kC, vC) {

				  			content[kC] = new Array(); 							
				  			
							$.each(vC, function(con, valori){							
								content[kC] = vC;																								
							});			  			

				  		});

				  }

			});		

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


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

	this.setIdwork = function(id){
		idWork = id;	
	},

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

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

	this.getJavascript = function(){	    
 		$('#work-menu').addClass('work');
		if(  $('#media').html()  ){

			if(  $('#media').html().match('img')  ){
			    $('#workSlide').after('<div id="nav">').cycle({ 
					fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		    		speed:  2000,
		    		timeout: 2000
				});	
			}
		}

	},

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

}