var unformatted = new function()
{
	this.Container = 'div#container';
	this.Description = 'div#description';
	this.IconFolder = 'images/';
	this.IconWidth = 24;
	this.IconHeight = 24;
	this.IconPadding = 4;
	this.Items = [];
	
	this.Init = function()
	{
		for( var i = 0; i < unformatted.Items.length; i++ )
		{
			var padding = ( i == unformatted.Items.length - 1 ) ? 0 : unformatted.IconPadding;
			
			unformatted.CreateItem( unformatted.Items[ i ], padding );
		}
		
		var nw = unformatted.Items.length * ( unformatted.IconPadding + unformatted.IconWidth ) - unformatted.IconPadding;
		$(unformatted.Container).width( nw );
		$(unformatted.Description).width( nw );
		
		$(window).resize( unformatted.Resize );
		unformatted.Resize();
	}
	
	this.Resize = function()
	{
		var w = $(window).width();
		var h = $(window).height();
		
		var x = Math.round( w/2 - $(unformatted.Container).outerWidth()/2 );
		var y = Math.round( h/2 - $(unformatted.Container).outerHeight()/2 );
		
		$(unformatted.Container).css( 'left', x ); 
		$(unformatted.Container).css( 'top', y );
		
		$(unformatted.Description).css( 'left', x );
		$(unformatted.Description).css( 'top', y + $(unformatted.Container).outerHeight() );
	}
	
	this.Add = function( icon, desc, url, isEmail )
	{
		unformatted.Items.push( { icon:icon, description:desc, url:url, isEmail:isEmail } );
	}
	
	this.CreateItem = function(obj,padding)
	{
		var icon = $('<div class="icon"></div>');
		var link;
		
		if( obj.isEmail )
		{
			link = $('<a class="email" href="#" rel="' + obj.url + '"><img src="images/blank.png" width="24" height="24" /></a>');
			link.nospam();
		}
		else
		{
			link = $('<a href="' + obj.url + '"><img src="images/blank.png" width="24" height="24" /></a>');
		}
		icon.append(link);
		
		icon.css( 'background', 'transparent url(' + unformatted.IconFolder + obj.icon + ') 0px 0px no-repeat' );
		icon.css( 'padding-right', padding );
		
		icon.mouseover( function() 
		{
			unformatted.ShowDescription(obj);
			
			icon.css( 'background', 'transparent url(' + unformatted.IconFolder + obj.icon + ') 0px -24px no-repeat' );
		} );
		
		icon.mouseout( function() 
		{
			unformatted.HideDescription();
			
			icon.css( 'background', 'transparent url(' + unformatted.IconFolder + obj.icon + ') 0px 0px no-repeat' );
		} );
		
		icon.click( function()
		{
			
		} );
		
		$(unformatted.Container).append(icon);
	}
	
	this.ShowDescription = function(obj)
	{
		$('div#text').text( obj.description );
		$('div#text').css( 'top', -20 );

		$('div#text').animate( { top:0 }, { queue:false, duration:500, easing: 'easeOutCirc' } );
	}
	
	this.HideDescription = function()
	{		
		$('div#text').clearQueue();
		$('div#text').animate( { top:-20 }, { queue:false, duration:500, easing: 'easeOutCirc' } );
	}
}