//
$(document).ready(function(){
   //get the divs that have an id of RotatingImageBlock
   var elements = $("img");
   
   for(var i = 0; i < elements.length; i++)
   {
	   var imageUrl = "";
	  
	   imageUrl = elements[i].getAttribute("src");
	   if(imageUrl.indexOf('/RotatingImages/') > 0)
	   {
		  
		  //elements[i].innerHTML = "YEAH!";
		   var jImagePlaceholder = $(elements[i]).parent();
		   jImagePlaceholder.attr("id","block_" + i);
		   

		   //replace the image placeholder with a div element.
		   //jImagePlaceholder.appendChild("<div id='block_" + i + "'></div>");
		   
		   
		   var jElement = $("#block_" + i);
		   
		   ajaxLoad("/am/templates/DZ_CustomScripts/test.aspx?path=" + imageUrl, jImagePlaceholder, 
			function(){ 
				
				//alert(jImagePlaceholder.html());
				loadShow(jImagePlaceholder.attr('id'), "223px"); 
			}
			); 
			
			
			
	   }
	   
	   
	   
   }
   
   

   
   
 });

function loadShow(elementId, height)
{
	//alert($("#" + elementId).attr('id'));
	$("#" + elementId).innerfade({ animationtype: 'fade', speed: 750, timeout: 5000, type: 'random', containerheight: height });
	
}

//this function fixes broken jquery load event..
function ajaxLoad(url, el, complete)
{
	$.get(url, 
		function(data){

			$(el).innerHTML = data;
			
			//run callback.
			if(complete!=null)
			{
				complete(data);	
			}
		}
	);
	
}