/*var copy = $('dynoGallery').innerHTML;
	var past = '<div id="targetLoading"><div></div></div> <div id="targetContent">'+ copy + '</div>';
	$('dynoGallery').innerHTML = past;
	var myl = window.location.href;
	*/
	
	var DynamicExtensions = {
    dynamicize: function(element){
        element.dHref = element.href;
		//element.dHref = 'index-ajax.php'+ element.getAttribute("href");
		//alert(element.dHref); 
		element.dTarget = 'targetContent';
		//element.href = "#"+'targetContent';
		element.target = "";
		element.dynamic = dynamicallyLoad.bindAsEventListener(element);
		Event.observe(element, 'click', element.dynamic, false);
		return element;
    }	
}

Element.addMethods(DynamicExtensions);

function dynamicallyLoad(e) {
	startLoading();
	element = Event.element(e);
	if (element.tagName == 'IMG'){
		element = element.parentNode;	
	}
	//new Ajax.Updater(element.dTarget, element.dHref, { 
	new Ajax.Updater(element.dTarget, element.dHref, { 
		method: 'get', 
		onComplete: function() { 
		setLinks(element,element.dTarget);
		finishLoading();
		lightwindowInit();
		loadTabs();

		} 
	});

   Event.stop(e);

}

function setLinks(e, target) {
	(target) ? selector = '#'+target+' ' : selector = '';
	$$(selector+'#gallerynav a').invoke('dynamicize');
}


function startLoading() {
	   var heightB =$('targetContent').style.height;
	   $('targetLoading').style.display='block';
	   new Effect.Scale('targetLoading', 1000,  {scaleX:false,scaleContent:false,scaleMode: { originalHeight: heightB}});
	   

	}
	function finishLoading() {
	  Element.show('targetContent');
	  setTimeout("Effect.toggle('targetLoading');", 1000);
	}

Event.observe(window, 'load', setLinks);