var smallGrids = [
		["1","2","4","6","8","9","11","12","13","15","18","20","22","23","25","26","27"]
	];
	
	var mediumGrids = [
		["3","5","7","10","14","17","19","21","24"]
	];
	
	var largeGrids = [
	    ["16"]
	];
	
	
	function setGridSizes(){
		var grid = $("#gridWrapper");
		
		$.each(smallGrids[0],function(i,val){
			var getGridbox = grid.find("div#gridbox"+val);
			getGridbox.find("img").attr("iSize","grids");
		})
		$.each(mediumGrids[0],function(i,val){
			var getGridbox = grid.find("div#gridbox"+val);
			getGridbox.find("img").attr("iSize","gridm");
		})
		/* an error occurs when you search for an arraylist with no size*/
		$.each(largeGrids[0],function(i,val){
			var getGridbox = grid.find("div#gridbox"+val);
			getGridbox.find("img").attr("iSize","gridl");
		})
	}
        
	function helpOverlay(){
            if(readCookie("hts_cc") == null) {
                createCookie("hts_cc","true",""); 
                $("#help-image").fadeIn(400);
                $('.close').live('click', function (e) {
                        e.preventDefault();		
                        $('#help-image').fadeOut(700);
                });	
            }        
        }   
        
	$(document).ready(function(){
		//setGridSizes();
        setTimeout(helpOverlay, 5000);
	});