function showBubble(title){
	var cover = document.getElementById("cover");
	cover.innerHTML = '<img src="./upload/imageupload/files/thumbs/'+title+'" />';
	

}

var nbTShirtPPage	= 108;

function getTShirtList(page){
	var nbCols			= 12;
	var listHtml		= "";
	var thumbsFolder	= "upload/imageupload/files/thumbs/";
	var tShirtListC		= document.getElementById("tShirtListC");
	
	for(i=page*nbTShirtPPage;i<(page+1)*nbTShirtPPage;i++){
		if(i%nbCols == 0){
		if(i!=0){
			listHtml+="\n</div><div class=\"clearFloat\"></div>";
		}
			listHtml+="\n<div class=\"tShirtListRow\">";
		}
			if(tShirtList.length > i){
			listHtml+= "\n<a href=\"#\" onmouseover=\"showBubble('"+tShirtList[i]+"')\">";
			listHtml+= "\n<div class=\"tShirtListCol\">";
							
			listHtml+= "\n<img src=\""+thumbsFolder+tShirtList[i]+"\" />";
			listHtml+= "\n</div>";
			listHtml+= "\n</a>";
		}else{
			listHtml+= "\n<div class=\"tShirtListColB\">";
			listHtml+= "\n</div>";
		}
	}
						
	listHtml+="\n</div><div class=\"clearFloat\"></div>";
	tShirtListC.innerHTML	= listHtml;
	refreshPageListing(page);
	
}

function refreshPageListing(page){
	var pageLinkContainer	= document.getElementById("tShirtListLink");
	var inHtml		=	"<ul><li><h4>Page</h4></li>";
	var nbPage		=  Math.ceil(tShirtList.length/nbTShirtPPage);
	var maxTShirt
	
	if(page != 0)	{
		inHtml	+=	"<li><a href=\"javascript:getTShirtList("+(page-1)+")\" style=\"font-weight:bold\">&laquo; prev</a></li>";
	}else{
		inHtml	+=	"<li style=\"visibility:hidden\"><a href=\"javascript:getTShirtList("+(page-1)+")\" style=\"font-weight:bold\">&laquo; prev</a></li>";
	}
	for(i=0;i<nbPage;i++){
		//alert(i + " " +(tShirtList.length % nbTShirtPPage));
		maxTShirt	= ((nbPage - 1) == i ? tShirtList.length : (i+1)*nbTShirtPPage);
		if(i == page){
			inHtml	+="<li class=\"selectedRange\"><a href=\"#\">"+(i*nbTShirtPPage + 1)+"-"+maxTShirt+"</a> | </li>";
		}else{
			inHtml	+="<li><a href=\"javascript:getTShirtList("+i+")\">"+(i*nbTShirtPPage + 1)+"-"+maxTShirt+"</a> | </li>";
		}
	}
	
	if(page < (nbPage -1) )		inHtml+="<li><a href=\"javascript:getTShirtList("+(page+1)+")\" style=\"font-weight:bold\">next &raquo;</a></li>";
	inHtml			+=	"\n</ul>";
	
	pageLinkContainer.innerHTML	= inHtml;
}