var informationcontroller = function()
{
	var _items = [
	      {
	  		name: 'certifications',
	  		title: 'Certifications',
	  		content: 'some text here',
	  		selected: false
	      },
	      {
	    	  name: 'news',
		  	  title: 'News',
		  	  content: 'some text here',
		  	  selected: false
		  },
		  {
	    	  name: 'blog',
		  	  title: 'Blog',
		  	  content: 'some text here',
		  	  selected: false
		  }
	];
	
	var _dom_ref = $('#information-view-table');
	
	
	this._click = function(evt)
	{
		this.selectItemByName = function(Name)
		{
			var _dom_ref_content = $('#information-view-table .content');
			
			for(var i = 0 ; i < _items.length; i++)
			{
				var item = _items[i];
				if(item.name == Name) 
				{
					var selected = (i == 0) ? 'title-selected-bottom' : 'title-selected-top';
					var dref = $('#information-view-table [name=' + Name + ']');
					dref.attr('className', dref.attr('className') + ' text-turquoise ' + selected);
					_dom_ref_content.html(item.content);
					item.selected = true; 
					return true;
				}
			}
			return false;
		}
		
		
		this.getSelectedItem = function()
		{
			for(var i = 0 ; i < _items.length; i++)
			{
				var item = _items[i];
				if(item.selected == true) return item;
			}
			
			return false;
		}
		
		this.deselectItemByName = function(Name)
		{
			for(var i = 0 ; i < _items.length; i++)
			{
				var item = _items[i];
				if(item.name == Name) 
				{
					var dref = $('#information-view-table [name=' + Name + ']');
					dref.attr('className', 'title');
					item.selected = false; 
					
					return true;
				}
			}
			return false;
		}
		
		var si = this.getSelectedItem();
		var si_name = si.name;

		var fq = $(evt.currentTarget);
		
		if(si_name == fq.attr('name')) return;

		this.selectItemByName(fq.attr('name'));
		this.deselectItemByName(si_name);
	}
	
	this.drawItems = function()
	{
		var i = 0;
		
		for(var i = 0; i < _items.length; i++)
		{
			var item = _items[i];
			var tr = $(document.createElement('tr'));
			
			if(i == 0)
			{
				var td = $(document.createElement('td'));
				td.attr('class', 'title');
				td.attr('name', item.name);
				td.attr('width', '100');
				td.html(item.title);

				td.click(this._click);

				tr.append(td);
				
				var children = (_dom_ref.children().length > 0) ? _dom_ref.children().length : 1;
				
				
				var span = $(document.createElement('span'));
				
				var td = $(document.createElement('td'));
				td.attr('class', 'content');
				td.attr('rowspan', children);
				td.append(span);
				td.attr('valign', 'top');
				tr.append(td);
				_dom_ref.append(tr);

				if(!this.getSelectedItem()) this.selectItemByName(item.name);
			}
			else
			{
				
				var td = $(document.createElement('td'));
				td.attr('className', 'title');
				td.html(item.title);
				td.attr('width', '100');
				td.attr('name', item.name);
				td.click(this._click);
				tr.append(td);
				_dom_ref.append(tr);
			}
		}
	}
	
	this.getSelectedItem = function()
	{
		for(var i = 0 ; i < _items.length; i++)
		{
			var item = _items[i];
			if(item.selected == true) return item;
		}
		
		return false;
	}
	
	this.selectItemByName = function(Name)
	{
		for(var i = 0 ; i < _items.length; i++)
		{
			var item = _items[i];
			if(item.name == Name) 
			{
				var selected = (i == 0) ? 'title-selected-bottom' : 'title-selected-top';
				var dref = $('#information-view-table [name=' + Name + ']');
				dref.attr('className', dref.attr('className') + ' text-turquoise ' + selected);
				item.selected = true; 
				return true;
			}
		}
		return false;
	}
	
	this.displayContentByItemName = function(Name)
	{
		for(var i = 0; i < _items.length; i++)
		{
			var item = _items[i];
			if(item.name == Name)
			{
				_dom_ref_content.html(item.content);
				break;
			}
		}
		return false;
	}
	
	this._item_click = function(evt)
	{
		var name = evt.currentTarget.getAttribute('name');
//		this.displayContentByItemName(name);
		console.info(this);
	}
	
	
	
	this.drawItems();
	this.selectItemByName('certifications');
	
	
}

$(document).ready(function(){
	new informationcontroller;
});