var Clienti = function(){
	var arrContent,
		html,
		footerHtml,
		lingua;

	this.init = function( content ) {
		arrContent = content;
		footerHtml = '';
		html       = '';
	},

	this.generateArrayFromJson = function(data){
		var content = new Array();

		$.each(data.content, function(key, value) { 
			content[key] = new Array(3);			
			content[key]['img'] = value[0];
			content[key]['id'] = value[1];
			content[key]['bg'] = value[2];			
		});

		lingua = data.lingua;
		this.init( content );	 		
		this.generateContentHtml();
	},

	this.changeContent = function(a){
		
	},

	this.generateContentHtml = function(){
		html = '<div id="clienti">';	
			
			html += '<table id="tableClient">';
			html += '<tr>';
				for(var i = 0; i<arrContent.length; i++){
					
					if(i%8==0 && i!=0) html += '</tr><tr>';
					html += '<td class="tdClienti">';
						html += '<div class="camera">';
							html += '<div class="log">';
								html += '<a href="'+lingua+'/ajaxWork" idWork="'+arrContent[i]['id']+'" alt="work/'+arrContent[i]['bg']+'"> <img class="client" src="'+base_url+'img/clienti/'+arrContent[i]['img']+'"></a>';
							html += '</div>';
						html += '</div>';
					html += '</td>';
				}
			html += '</tr>';
			html += '</table>';
		html += '</div>';

	},

	this.resize = function(){
		$('#content').animate({width:'100%'});
	},

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

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

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

	this.getJavascript = function(){	    
		$('#footer').css({height: '3%', background: '#f7f7f7'});
		
		var isColor = null;

		$('.camera').click(function(){
			$('.work').removeClass('work');
			$('#work-menu').addClass('work');	
			intervalID = window.setTimeout('activity.getJavascript()', 1000);		
		});

		$('.camera').live('mouseenter', function(){
			if(!isColor){
				var color = $(this).find('img').attr('src').replace('_grey', '');		
				$(this).find('.log').find('img').attr('src', color);
				isColor = true;			
				return;
			}
		});
		$('.camera').live('mouseout', function(){	
			var src = $(this).find('img').attr('src');
			if(isColor && !src.match('_grey')){
				var color = $(this).find('img').attr('src').replace('.png', '_grey.png');				
				$(this).find('.log').find('img').attr('src', color);
				isColor = false;
				return;
			}

		});
		
	},

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


}