var Tracking = function(){
	var arrContent,
		html,
		footerHtml;

	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];
		});

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

	this.changeContent = function(a){
		
	},

	this.generateContentHtml = function(){
		html = '<div id="tracking">';	
			
			html += '<table id="tableClient">';
			html += '<tr>';
				
				html += '<td>';
					html += 'User: <br/><input type="text" class="login_input" name="username" id="username">';
				html += '</td>';
			
			html += '</tr><tr>';

				html += '<td>';
					html += 'Password: <br/><input type="password" class="login_input" name="pass" id="pass">';
				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'});						
	},

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


}