function loadRecipeImages(pageNum){
	
	var index = pageNum*perPage;
	var imgtag = '<img src="[SRC]" alt="[TITLE]" width="120" height="120" border="0" class="pic120x120"/>'
	
	for(i=index; i<(index+perPage); i++){
		var item = $("#resimage"+i);
		if(item.html()!="") continue;
		var tag = imgtag.split('[TITLE]').join(recipesimages[i][0]);
		var tag = tag.split('[SRC]').join(recipesimages[i][1]);
		item.html(tag);
	}
	
}


function goToPage(pageNum){
	
	pageNum = Number(pageNum);
	
	var fadeTime = 400;
	var scrollTime = 700;
	
	if(pageNum > (pages-1)) pageNum = pages-1;
	if(pageNum < 0) pageNum = 0;
	
	if (document.location.href.indexOf('recipes') != -1){
		$.cookie("sgmpagenum", pageNum);
		loadRecipeImages(pageNum);
	}
	
	var min = (pageNum * perPage);
	var max = min + perPage;
	if(max > resultCount) max = resultCount;
	
	if(pageNum == 0){
		$(".feature").fadeIn(fadeTime);
		$("#featureDivider").fadeIn(fadeTime);
	}else{
		$(".feature").fadeOut(fadeTime);
		$("#featureDivider").fadeOut(fadeTime);
	}
	
	for(i=0; i<resultCount; i++){
		
		isShowing = (i >= min && i < max);
		
		result = $("#result"+i);
		divider = $("#divider"+i);
		
		if(isShowing == true){
			result.fadeIn(fadeTime);
			divider.fadeIn(fadeTime);
		}else{
			result.fadeOut(fadeTime);
			divider.fadeOut(fadeTime);
		}
		
	}
	
	$.scrollTo( { top:0, left:0}, scrollTime );
	
	var minPage = pageNum - 6;
	maxPage = pageNum + 6;
	if(maxPage > pages) maxPage = pages;
	if(minPage<0) minPage=0;
	
	while((maxPage - minPage) <12){
		minPage--;
		maxPage++;
	}
	if(maxPage > pages) maxPage = pages;
	if(minPage<0) minPage=0;
	
	str = (pageNum>0) ? '<a href="javascript:goToPage('+(pageNum-1)+');void(0);">' : '' ;
	str += "&lt; prev";
	str += (pageNum>0) ? '</a> ' : ' ';
	
	for (i = minPage; i < maxPage; i++) {
		n = (i==pageNum) ? "<strong>"+(i+1)+"</strong>" : (i+1);
		str += '<a href="javascript:goToPage('+i+');void(0);">'+n+'</a> ';
		if(i<(pages-1)) str += '| ';
	}
	str += (pageNum<(pages-1)) ? '<a href="javascript:goToPage('+(pageNum+1)+');void(0);">' : '' ;
	str += "next &gt;";
	str += (pageNum<(pages-1)) ? '</a>' : '';
	
	$("#pagination").html(str);
	
	str = 'Displaying results '+(min+1)+' - <strong>'+max+'</strong> of <strong>'+resultCount+'</strong>';
	$(".displayingResults").html(str);
	
}