var page, category, categoryname;
var linkMap = new Array();
var cardsperpage = 50;

var displaycards = function(json) {
		// Transform the JSON results into an unordered list of links.
		
		var data = document.getElementById("data");
		
		//alert("in json calldata" + data + "::" + json.length);
		page = 1;		
		var startingrecord = (page-1)*cardsperpage;
		var endingrecord = Math.min(json.length, startingrecord + cardsperpage);
		var numpages = Math.ceil(json.length / cardsperpage);
		var cnt = 0;
		var table=document.createElement('table');
		table.cellspacing='0';
		table.cellpadding='0';
		table.border='0';
		var tbdy=document.createElement('tbody');
		
		table.appendChild(tbdy);
		
		for (var i = startingrecord; i < endingrecord; ++i) {
			
			if(cnt % 4 == 0)
			{
				/*
				tr = document.createElement("TR");
				tbdy.appendChild(tr);
				td = document.createElement("TD");
				tr.appendChild(td);
				td.innerHTML = '<hr/>';
				td = document.createElement("TD");
				tr.appendChild(td);
				td.innerHTML = '<hr/>';
				td = document.createElement("TD");
				tr.appendChild(td);
				td.innerHTML = '<hr/>';
				td = document.createElement("TD");
				tr.appendChild(td);
				td.innerHTML = '<hr/>';
				*/
				
				tr = document.createElement("tr");
				tbdy.appendChild(tr);
				
				cnt = 0;
				
			}
			cnt ++;
			
			var entry = json[i];
			//alert("trying to append");
			
			tr.appendChild(displaycard(i, entry, cnt));
			
			//data.appendChild(displaycard(i, entry));
			//alert("append done");
		}
		
	
		data.appendChild(table);
		
		//alert("data.inner:" + data.innerHTML);
		
		//document.write(table);
		
		
}

var displaycard = function(num, json) {
	
	//alert("displaycard::" + num);
	var li = document.createElement("td");
	li.width='144';
	li.valign='top';
	
	var link = 'http://hqinvitations.cceasy.com' + json.aff_link;

	
	var smallImageDiv = document.createElement("div");
	smallImageDiv.setAttribute("id", "c" + (num+1));
	smallImageDiv.style.position = "relative";
	//smallImageDiv.onmouseover = function() { document.getElementById("u" + this.id).style.display = "block"; }
	//smallImageDiv.onmouseout = function() { document.getElementById("u" + this.id).style.display = "none"; }
	
	var a = document.createElement("a");
	linkMap["a" + (num+1)] = link;
	a.setAttribute("id", "a" + (num+1));
	a.setAttribute("href", "javascript:void(0)");
	a.onclick = function() { window.location=linkMap[this.id]; return false; };
	
	var img = document.createElement("img");
	img.setAttribute("src", "/itemimages/" + json.image_link);
	img.style.borderStyle = "none";
	a.appendChild(img);
	smallImageDiv.appendChild(a);
	li.appendChild(smallImageDiv);
	
	var p = document.createElement("p");
	p.className = "tc";
	var span = document.createElement("span");
	span.className = "fc_grey";	
	var b = document.createElement("b");
	b.innerHTML = json.title;
	var hr = document.createElement("hr");
	var b2 = document.createElement("b");
	//b2.innerHTML = '(' + json.content + ')';
	span.appendChild(b);
	//span.appendChild(hr);
	//span.appendChild(b2);
	var br = document.createElement("br");
	var span2 = document.createElement("span");
	span2.className="fc_red";
	span2.innerHTML="";
	p.appendChild(span);
	p.appendChild(br);
	p.appendChild(span2);
	li.appendChild(p);
	return li;
}


var _createJavascriptLink = function(id, inner, href, fn, needsEval) {
	var a = document.createElement("a");
	a.setAttribute("id", id);
	a.setAttribute("href", href == null ? "javascript:void(0)" : href);
	linkMap[id] = href == null ? fn : href;
	if ( needsEval ) {
		a.onclick = function() { eval(linkMap[this.id]); return false; };
	} else {
		a.onclick = function() { window.location=linkMap[this.id]; return false; };
	}
	a.appendChild(inner);
	return a;
}

var _getPageLinkAsString = function(p) {
	var link = "window.location=location.pathname";
	if ( p != 1 ) {
		//link += " + '?page=" + p + "&category=" + category + "&categoryname=" + escape(categoryname) + "'"
		link += " + '?page=" + p + "'";
	}
	return link;
}


var lookuptopproducts = function () {
	
	//alert("lookupproducts " + p + "::" + c + ":: " + cname + "::" + xname);	
	//page = p;
	//category = c;
	//categoryname = cname;
	//document.getElementById("banner").style.display = ( p == 1 && c == "%25" ) ? "block" : "none";
	//document.getElementById("paragraph").style.display = ( p == 1 ) ? "block" : "none";
	
	var url = "/topProducts.php?cb=displaycards";
	
	lookup(url, "data");
}


var lookup = function(url, divId) {
		var div = document.getElementById(divId);
		
		
		//alert("in lookup: " + url + "::" + divId);
		
		
		if ( div ) {
			//removeOldJSONScriptNodes();
			removeOldResults(divId);
			
			//alert("div is there so in here");

			// Add a script element with the src as the user's Google Base query.
			// JSON output is specified by including the alt=json-in-script argument
			// and the callback funtion is also specified as a URI argument.
			var scriptElement = document.createElement("script");
			//scriptElement.setAttribute("id", "jsonScript");
			scriptElement.setAttribute("src", url);
			scriptElement.setAttribute("type", "text/javascript");
			document.documentElement.firstChild.appendChild(scriptElement);
			
			//alert("successful");
		}
}

function removeOldResults(divId) {
		var div = document.getElementById(divId);
		
		//alert(div.innerHTML);
		
		div.innerHTML = "";
}

function getUrlParameter( name ) {
		var regexS = "[\\?&]"+name+"=([^&#]*)";
		var regex = new RegExp( regexS );
		var results = regex.exec( window.location.href );
		return results == null ? null : unescape(results[1]);
}