function contentDisp(contentId,descriptionLimit)
{
	$.ajax({
		//url : "/demo_01.php",
		url : "/load_galleria_div.php",
		success : function (data) {
			$("#content").html(data);
			loadGallery(contentId,descriptionLimit);
		}
	});
}

function loadGallery(contentId,descriptionLimit){
	
	
	$('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability


	//
	// loading of xml here
	//
	$.ajax({
		
		url : "/flash_xml_collection_tran.php?collectionId="+contentId+"&collectionType=FeatureGroup&galleria=Galleria",
	
		success : function (data) {
			
			//------------ xml parsing code ------------------------//
			
			// code for IE
			 if (window.ActiveXObject) {
			  var doc=new ActiveXObject("Microsoft.XMLDOM");
			  doc.async="false";
			  doc.loadXML(data);
			 // code for Mozilla, Firefox, Opera, etc.
			 } else {
			  var parser=new DOMParser();
			  var doc=parser.parseFromString(data,"text/xml");
			 }
			 
			 // documentElement always represents the root node
			 var root=doc.documentElement;
			 
			 //var contentDivObj = document.getElementById('ContentDiv');
			 
			 // According to nodename call its corresponding function to display its content
			 //contentDivObj.innerHTML += "<br>"+node.nodeName;
			 var contentString;
			 myHTMLOutput='';
			 mydata ='';
			 
			//// contentString +="<li border='1'>";
			 xmlDoc = doc;
			 var x=xmlDoc.getElementsByTagName("item");
			  
			 for (i=0;i<x.length;i++)
			 { 
			 	var imageFilePath;
			 	try
			 	{
			 		imageFilePath = x[i].getElementsByTagName("link")[0].childNodes[0].nodeValue;
			 	}
			 	catch(ex)
			 	{
			 		imageFilePath = "";
			 	}
			 	
			 	try
			 	{
			 	var FeatureLinkUrl = x[i].getElementsByTagName("link")[1].childNodes[0].nodeValue;
			 	}
			 	catch(ex)
			 	{
			 		var FeatureLinkUrl="#";
			 	}
			 	var title;
			 	try
			 	{
			 	 title = x[i].getElementsByTagName("title")[0].childNodes[0].nodeValue;
			 	
			 	}
			 	catch(ex)
			 	{
			 		title="&nbsp";
			 	}
			 	
			 	var description;
			 	
			 	try
			 	{
			 		var desCounter=0;
			 		while(1)
			 		{
			 			desCounter++;
			 			
			 			if(desCounter > x[i].getElementsByTagName("description")[0].childNodes.length)
			 			{
			 				
			 				break;
			 			}
			 			else
			 			{
			 				if(trim(x[i].getElementsByTagName("description")[0].childNodes[desCounter-1].nodeValue) != "")
			 				{
			 					description = x[i].getElementsByTagName("description")[0].childNodes[desCounter-1].nodeValue;
			 					break;
			 				}
			 				else 
			 					continue;
			 			}
			 		}
			 		description = description.replace(/\"/g,'\'');
			 		description = description.substring(0,descriptionLimit) + "...";
			 		
			 	}
			 	catch(ex)
			 	{
			 		
			 		description="&nbsp";
			 	}
			 	
			 	if(imageFilePath!="")
			 	{
				 	if(i==0)
				 	{
						mydata = '<li class="active">';
						mydata += '<img src="'+imageFilePath+'" full='+FeatureLinkUrl+' title="'+title+'" description="'+description+'"  >';
						mydata += '</li>';
				 	}
					else
					{
						mydata = '<li>';
						mydata += '<img src="'+imageFilePath+'" full='+FeatureLinkUrl+' title="'+title+'" description="'+description+'">';
						mydata += '</li>';
					}	
			 	}
			 	
				myHTMLOutput = myHTMLOutput + mydata;
				
			}
			
			 
			
			$('#gallery_demo_ul').append($(myHTMLOutput));
			if(navigator.appName == "Microsoft Internet Explorer")
    		{	
    			document.getElementById('gallery_demo_ul').style.marginLeft="0px";
    		}
				$('ul.gallery_demo').galleria({
				
				history   : false, // activates the history object for bookmarking, back-button etc.
				
				clickNext : true, // helper for making the image clickable
				insert    : '#main_image', // the containing selector for our main image
				onImage   : function(image,caption,description,thumb) { // let's add some image effects for demonstration purposes
					
					
					// fade in the image & caption
					image.css('display','none').fadeIn(1000);
					caption.css('display','none').fadeIn(1000);

					// fetch the thumbnail container
					var _li = thumb.parents('li');

					// fade out inactive thumbnail
					_li.siblings().children('img.selected').fadeTo(500,0.3);

					// fade in active thumbnail
					thumb.fadeTo('fast',1).addClass('selected');
					

					// add a title for the clickable image
					

					
					
				},
				onThumb : function(thumb) { // thumbnail effects goes here
					

					// fetch the thumbnail container
					var _li = thumb.parents('li');

					// if thumbnail is active, fade all the way.
					var _fadeTo = _li.is('.active') ? '1' : '0.3';
					

					// fade in the thumbnail when finnished loading
					thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);

					// hover effects
					thumb.hover(
					function() { thumb.fadeTo('fast',1); },
					function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
					
					)
				}
			});
			
			//----------- end xml parsing code ----------------------//
			}
	});
}//end of loadGallery