var cpage = 0;
var opage = 0;
var allpages = 0
var thumbbackarray = [];
var thumbLength = 0
var cfilter = "Work";
var thumbArray = new Array;
var titleArray = new Array;
var imageArray = new Array;
var linkArray = new Array;
var catlistArray = new Array;
var siteurlArray = new Array;
var disArray = new Array;

var twidth = 220;
var theight = 186;


$(document).ready(function() {
	
		$.ajax({
		type: "GET",
		//url: productitemlist,
		 url : "/includes_templates/processmanagement/extract/product/productitemlist.aspx",
		dataType: "xml",
		success: function(xml) {
			gal(xml);
		}
	});
	


});



function gal(xml) {
	
	$(xml).find("TemporaryTable").each(function() {
		
		
			
			var st =  $(this).find("PRODUCT_CATEGORYLIST").text().split(", ");
			for (var m = 0; m < st.length; m++) 
			{
				if (st[m] == "Homepage Feature") {
					
					arin = true;
					thumbArray.push($(this).find("PRODUCT_THUMBNAIL_URL").text());
					titleArray.push($(this).find("PRODUCT_NAME").text());
					disArray.push($(this).find("PRODUCT_DESC").text());
		
					imageArray.push($(this).find("PRODUCT_IMAGE_URL").text());
					linkArray.push($(this).find("PRODUCT_URL").text());
					catlistArray.push("All, "+ $(this).find("PRODUCT_CATEGORYLIST").text());
					siteurlArray.push($(this).find("spDataField1").text());	
					
				
					
					
				}
			}		
	})
	thumbLength = (thumbArray.length);
	
	for (var i = 0; i < thumbLength; i++) {

		var pic = new Image();
		pic.src = thumbArray[i];
		
		
		var ht = '<div class ="galleryThumbDiv"><a class="thumbHead"  href="'+linkArray[i]+'"><div class ="galleryThumbIn"><img src="'+pic.src+'" width="'+twidth+'" height="'+theight+'" /></div><div class="thumbTitle">'+titleArray[i]+'</div></a></div>'
		
		//var ht = '<div class ="galleryThumbDiv"><div class ="galleryThumbIn"><img src="'+pic.src+'" width="'+220+'" height="'+186+'" /></div><div class="thumbTitle"><a class="thumbHead"  href="'+linkArray[i]+'">'+titleArray[i]+'</a></div><div class="galleryThumbDisc">'+disArray[i]+'</div></div>'

		

		//var ht = '<div class="galleryThumbDiv" num=' + i + ' ><div class="galleryThumbInside" ><img src="' + pic.src + '"width="' + twidth + '" height="' + theight + ';"></div><div class="thumbTitle"><a  href="'+linkArray[i]+'">' + titleArray[i] + '</a></div><div class="galleryThumbDisc">'+disArray[i]+'</div></div>'
	
		
		//$("#homePageGallery").html("")
		$("#homePageGallery").append(ht);
	//	trace(ht);
		

		$(".galleryThumbDiv").css("z-index", 0);
		
		$(".galleryThumbDiv").eq(i).css("marginLeft", (((i%4)*242) + 30)+"px");
		$(".galleryThumbDiv").eq(i).css("marginTop", ((Math.floor(i/4)*240))+"px");
	//$(".galleryThumbDiv").css("marginTop", ymidle);


	}
	
	$("#homePageGallery").css("height", ((Math.ceil(i/4)*240) + 30)+"px");
	
	Cufon.replace('.thumbHead', { fontFamily: 'Proxima Nova', color:'#000000',fontSize:'18px'});

	
	$(".galleryThumbDiv").css("width", "220px");
	$(".galleryThumbDiv").css("height", "230px");

}

function trace(m) {
//	if ( !$.browser.msie )console.log(m);
}