/*
 * Name:
 *	displayAdvanceImageGallery
 *
 * Description:
 *	Function will send request to server for the image gallery images and will display 
 *	images using jquery galleria.
 *
 * Preconditions/Input:
 *
 * -
 * Postconditions/Output:
 *  Function will send request to server for the image gallery images and will display 
 *	images using jquery galleria. or else it will return alert message to the user for empty image gallery.
 *
 * Stored Procedures:
 *	None
 *
 * Log:
 *
 *  Dipak A.Basantani			04/01/2009	[VX-3682]
 *		- Creation
 */
function displayAdvanceImageGallery(parameterArrayForAdvanceImageGallery)
{
	
	//
	// check if initially any # image alreay there then
	// clear it and refresh the page.
	//
	if(location.href.match(/#(.)*/))
		location.href = location.href.replace(/#(.)*/,"");
		
	document.getElementById('details').style.display = "none";	
	document.getElementById('controls').innerHTML = "<img src='/image/advance_image_gallery.gif'>";

	//
	// collect all the vairables or set the default values.
	//	
	var collectionId = parameterArrayForAdvanceImageGallery['advanceImageGallery_Id'];
	var delayVar =  (parameterArrayForAdvanceImageGallery['advanceImageGallery_Delay']=="")?3:parameterArrayForAdvanceImageGallery['advanceImageGallery_Delay'];
	var recordPerPage = (parameterArrayForAdvanceImageGallery['advanceImageGallery_recordPerPage']==='')?10:parameterArrayForAdvanceImageGallery['advanceImageGallery_recordPerPage'];
	var playLinkText = (parameterArrayForAdvanceImageGallery['advanceImageGallery_playLinkText']==='')?"Play":parameterArrayForAdvanceImageGallery['advanceImageGallery_playLinkText'];
	var pauseLinkText = (parameterArrayForAdvanceImageGallery['advanceImageGallery_pauseLinkText']==='')?"Pause":parameterArrayForAdvanceImageGallery['advanceImageGallery_pauseLinkText'];
	var prevLinkText = (parameterArrayForAdvanceImageGallery['advanceImageGallery_prevLinkText']==='')?"Prev":parameterArrayForAdvanceImageGallery['advanceImageGallery_prevLinkText'];
	var nextLinkText = (parameterArrayForAdvanceImageGallery['advanceImageGallery_nextLinkText']==='')?"Next":parameterArrayForAdvanceImageGallery['advanceImageGallery_nextLinkText'];
	var nextPageLinkText = (parameterArrayForAdvanceImageGallery['advanceImageGallery_nextPageLinkText']==='')?"Next &rsaquo;":parameterArrayForAdvanceImageGallery['advanceImageGallery_nextPageLinkText'];
	var prevPageLinkText = (parameterArrayForAdvanceImageGallery['advanceImageGallery_prevPageLinkText']==='')?"&lsaquo; Prev":parameterArrayForAdvanceImageGallery['advanceImageGallery_prevPageLinkText'];
	var autoPlay		= (!parameterArrayForAdvanceImageGallery['autoPlay'])?0:parameterArrayForAdvanceImageGallery['autoPlay'];

	//
	// step 1 : call ajax function and insert all the mage in the div : navigation using ajax or anything.
	//
	$.ajax({
		
		url : "/custom_code/feature_group_image_gal_in_xml_java_form.php?sid="+Math.random()+"&collectionId="+collectionId+"&collectionType=ImageGallery&galleria=Galleria&resultOutput=javascript",
		success : function (data) {
			//
			// evalute image array.
			//
			//2 : image,3: title ,5: description.
			eval(data);
			if(imageArray.length == 0)
			{
				return;
			}// end if check if images are availabe for that image gallery or not.
			
			
			var htmlStringForDis = '<ul class="thumbs noscript">';
			var firstFlag = true;
			try{
			for(x in imageArray)
			{
				if(firstFlag)
				{

					htmlStringForDis += '<li><a href="'+imageArray[x][2]+'" title="'+imageArray[x][3]+'" link="" description="'+imageArray[x][4]+'"><img src="'+imageArray[x][5]+'" alt="'+imageArray[x][3]+'" /></a></li>';
					firstFlag = false;
				}
				else
					htmlStringForDis += '<li><a href="'+imageArray[x][2]+'"  title="'+imageArray[x][3]+'" link="" description="'+imageArray[x][4]+'"><img src="'+imageArray[x][5]+'" alt="'+imageArray[x][3]+'" /></a></li>';
			}// end for.
			htmlStringForDis += '</ul>';
			}catch(e){alert(e)}
			document.getElementById('navigation').innerHTML = htmlStringForDis;
			
			document.getElementById('details').style.display = "block";	
			
			//
			// after getting response only on ready state change of 4 call the foolowing gallery function 
			// to perform well.
			//
			var gallery = $(document).galleriffic.init('#navigation', {
				delay:                delayVar,
				numThumbs:            recordPerPage,
				preloadAhead:         10, // Set to -1 to preload all images
				downloadLinkSel:      '',
				imageContainerSel:    '#slideshow',
				controlsContainerSel: '#controls',
				titleContainerSel:    '#image-title',
				descContainerSel:     '#image-desc'
			});
			
			
			/*var gallery = $(document).galleriffic.init('#navigation', {
				delay:                delayVar,
				numThumbs:            recordPerPage,
				downloadLinkSel:      '',
				playLinkText:         playLinkText,
				pauseLinkText:        pauseLinkText,
				prevLinkText:         prevLinkText,
				nextLinkText:         nextLinkText,
				nextPageLinkText:     nextPageLinkText,
				prevPageLinkText:     prevPageLinkText,
				imageContainerSel:    '#slideshow',
				controlsContainerSel: '#controls',
				titleContainerSel:    '#image-title',
				descContainerSel:     '#image-desc',
			});*/
			
			gallery.onFadeOut = function() {
				$('#details').fadeOut('fast');
			};
			
			gallery.onFadeIn = function() {
				$('#details').fadeIn('fast');
			};
			
			
			if(autoPlay)
				gallery.toggleSlideshow();
			return;
		}
	});
}// end function displayAdvanceImageGallery


/**
* for refreshing the banners of one state if they are present on the page.
*
*/
function refreshBanners()
{
	try{	
	for(var x=0;x<globalbannerDivCounter;x++)
	{
		htmlContent = document.getElementById(globalbannerGroupArrayVar[x]).innerHTML;
		newOrderNum = Math.floor(Math.random()*10000000000);
		var ordPattern = /(ord=)[0-9]*/g;
		htmlContent = htmlContent.replace(ordPattern,"ord="+newOrderNum);

		document.getElementById(globalbannerGroupArrayVar[x]).innerHTML = htmlContent;
                setTimeout('OneStat_Pageview()',1);
	}
	}
	catch(e){}
}// end if function refreshing the banner if they are present.