//nospacedown
window.onkeydown = function(e) { 
  return !(e.keyCode == 32);
};


var images = new Array();
var links = new Array();

function myImg_itemAddCallback(data)
{
    var items = data.split('|');

	var i = 0;
	var m = 0;
	var n = 0;
    while (i < items.length) {
        images[m] = myImg_getItemHTML(items[i],items[i+1], items[i+2], m);
		m++;
        images[m] = items[i+2];
		m++;
		links[n] = items[i+1];
		n++;
		i=i+3;
    }
    var max = jQuery(images).length;


    var cont = '<div id="portfolio"></div>';
		
	// append to div#dynamContent
	jQuery('#wrapper').append(cont);
	
	LoadImageDetail(0,max,0);
};

/**
 * Item html creation helper.
 */
function myImg_getItemHTML(url, link, desc, i)
{
    return '<a href = "' + link + '"  title = "' + desc + '" rel="lightbox"><img src="' + url + '" width="47" height="47" class = "d'+i+'" /></a>';
};
function myImg_getItemDesc(desc, i)
{
	return '<div class = "desc d'+i+'">'+desc+'</div>';
}

	function LoadImageDetail(index,max,i){
			// if current index is lower then max element (max-1)
			if(index<max)
				{	

					
					var list = '<div id="portfolio_'+index+'" class = "dynImg"><a href = "' + links[i] + '"  title = "Click for large view" id = "' + images[index+1] + '" rel="lightbox" class = "dynImgCross"><div class = "dynImgCross"></div></a></div>';
					// append to container
					jQuery('div#portfolio').append(list);
					// current img
					var curr = jQuery("div#portfolio_"+index);
					// new image detail
			        var imgDetail = images[index];
					 jQuery(curr).append(imgDetail);
					
					//var imgDesc = images[index+1];
					 //jQuery('body').append(imgDesc);
					
					LoadImageDetail(index+2,max,i+1);
					
				
				}
		

};