var myWidth;
var offSet;
var gridCols;
var gridWidth;
var wrapperWidth;

var leftMargin = 35;
var gridItemWidth = 265;
var columnOneWidth = 190;

var defaultGridWidth = gridItemWidth * 3;

function GetWidths()
{
	myWidth = $("body").width();
	offSet = leftMargin + columnOneWidth;
	
	gridCols = ( myWidth - offSet ) / gridItemWidth;
	gridCols = Math.floor( gridCols );
	gridWidth = gridCols * gridItemWidth;
	if ( gridWidth < defaultGridWidth )
	{
		gridCols = 3;
		gridWidth = defaultGridWidth;
	} 	
}

function gridResize(){

	// main wrapper
	GetWidths();
	$("#content").width( gridWidth );
	$("#wrapper").width( gridWidth );
	$("#header").width( gridWidth - 15);
	
	// item wrapper settings
	var padding = 5;

	// track x & y
	var xPos = 0;
	var yPos = 0;
	var currentCol = 0;
	var currentItem = 0;
	var featureOn = false;

	$("#content .grid-item").each( function( i ) 
	{	
		$(this).css( "position" , "absolute" );
		$(this).css( "float" , "none" );
		$(this).css( "left" , xPos + "px" );

		itemWidth = 250;
		var currentId = $(this).attr('id');
		if ( currentId == "feature" )
		{
			featureOn = true;
			itemWidth = 515;
			$(this).css( "width" , 515 + "px" );
			currentCol++;
			
		}
		xPos += itemWidth;
		xPos += ( padding * 2 ) + 5;
		
		var yPos = 0;
		var cols = gridCols;
		if ( featureOn ) cols = gridCols - 1;
		if ( i >= cols ) 
		{
			var subtractCols = gridCols;
			if ( i == ( gridCols - 1 ) ) subtractCols--;
			var yPos = $( "#content .grid-item" ).eq( i - subtractCols ).position().top;
			yPos += $( "#content .grid-item" ).eq( i - subtractCols ).height();
			yPos += ( padding * 2 );
		};
		$( this ).css( "top" , yPos + "px" );
		
		currentCol++; 
		if ( currentCol == gridCols )
		{
			currentCol = 0;
			xPos = 0;
		};

		gridWrapperHeight = yPos;
		gridWrapperHeight += $("#content .grid-item").eq( i ).height();
		gridWrapperHeight += 20;

	});
	
	var gridWrapperHeight = 0;
	
	$("#content .grid-item").each( function( i ) 
	{	
		var itemBase = $( "#content .grid-item" ).eq( i ).position().top;
		itemBase += $( "#content .grid-item" ).eq( i ).height();
		if ( itemBase > gridWrapperHeight ) gridWrapperHeight = itemBase;
	});

	gridWrapperHeight += 20;
	$("#content").height( gridWrapperHeight );
	
}