$(document).ready(function(){
	var counter = 0;
	for (counter; counter<offerList.length; counter=counter+1)
	{
		var thisOffer = offerList[counter];
		var $tempOffer = $('<div class="offer"><div class="voting"><span class=ratingNum><h3 class="rating"></h3></span><a href="" class="up"><img title="Vote Up" src="/static/img/arrow_up.png" width=20 height=20></a><br><a href="" class="down"><img title="Vote Down" src="/static/img/arrow_down.png" width=20 height=20></a></div><div class="stats"><ul><li class="payout"></li><li class="points"></li><li class="cost"></li><li class="visits"></li><li class="completes"></li><li class="time"></li><li class="finalPayout"></li></ul></div><div class="info"><h4><a class="title"></a></h4><p class="description"></p><span class="actions"><ul><li class="comments"><span class="commentCount"></span><a href="" class="commentLink"><img class="commentImg" src="/static/img/comments.png"></a></li><li class="unstar"><a href="" class="unstarLink"><img class="unstarImg" src="/static/img/star_empty.png"><li class="star"><a href="" class="starLink"><img class="starImg" src="/static/img/star.png"></a></li><li class="hide"><a href="" class="hideLink"><img class="hideImg" src="/static/img/delete.png"></a></li><li class="unhide"><a href="" class="unhideLink"><img class="unhideImg" src="/static/img/add.png"></a></li><li class="rbl"><a href="" class="rblLink"><img class="rblImg" src="/static/img/error.png"></a></li></ul></span></div></div>');
		$tempOffer.find('.title').attr({href: "/visit/"+offerList[counter][2]}).text(offerList[counter][0]);
		$tempOffer.find('.up').attr("href", "/rateup/" + offerList[counter][2] + "/");
		$tempOffer.find('.down').attr("href", "/ratedown/" + offerList[counter][2] + "/");
		$tempOffer.find('.title').attr("href", "/visit/" + offerList[counter][2] + "/").text(offerList[counter][0]);
		$tempOffer.find('.commentCount').text(offerList[counter][17]);
		$tempOffer.find('.commentImg').attr("title","View comments and details.");
		$tempOffer.find('.commentLink').attr("href", "/details/" + offerList[counter][2] + "/");
		//

		if(offerList[counter][14] === true){
		    $tempOffer.find(".hide").hide();
		}
		else{
		    $tempOffer.find(".unhide").hide();
		}
		$tempOffer.find('.unhideLink').attr("href", "/unset/hide/" + offerList[counter][2] + "/");
		$tempOffer.find('.unhideImg').attr("src","/static/img/add.png");
		$tempOffer.find('.unhideImg').attr("title","Unhide offer.");


		$tempOffer.find('.hideLink').attr("href", "/set/hide/" + offerList[counter][2] + "/");
		$tempOffer.find('.hideImg').attr("title","Hide offer.");
		//

		$tempOffer.find('.starLink').attr("href", "/unset/star/" + offerList[counter][2] + "/");
		$tempOffer.find('.unstarImg').attr("title","Star offer.");
		$tempOffer.find('.unstarLink').attr("href", "/set/star/" + offerList[counter][2] + "/");
		$tempOffer.find('.starImg').attr("title","Unstar offer.");
		//console.log("offer: "+ offerList[counter][0] + ". is " + offerList[counter][13]);
		if(offerList[counter][13] != true){
		    $tempOffer.find(".star").hide();
		}
        else{
            $tempOffer.find(".unstar").hide();
        }
		$tempOffer.find('.rblLink').attr("href", "/report/" + offerList[counter][2] + "/");
		$tempOffer.find('.rblImg').attr("title","Report broken offer.");
		$tempOffer.find('.description').text(offerList[counter][1]);
		var num = offerList[counter][5];
		num = num.toFixed(2);
		$tempOffer.find('.payout').text("Payout: $" + num);
		//$tempOffer.find('.points').text("Points: " + offerList[counter][6]);
		$tempOffer.find('.visits').text("Visits: " + offerList[counter][9]);
		$tempOffer.find('.completes').text("Completes: " + offerList[counter][10]);
		//$tempOffer.find('.time').text("Time: " + offerList[counter][11]);
		var rating = offerList[counter][8];
		rating = parseInt(rating,10);
		if (rating > 0){
			$tempOffer.find('.rating').text("+" + rating);
		}
		else{
			$tempOffer.find('.rating').text(offerList[counter][8]);
		}
		//console.log(counter);
		$("#offerList").append($tempOffer);
	}
});