// JavaScript Document

var fadeInTime  = 300;
var fadeOutTime = 1500;

var addLinkEvents = function(linkString) {
	$$(linkString).each(function(mLink) {  // catch all mlink boxes
						
	  mLink.addEvent('click', function(e) {
		
		
		mUrl  = this.get('href');
		mPage = this.get('page');
		mGall = this.get('gallery');
		mRel  = this.get('rel');
		
					e.stop();

		if (mPage != null) { //open if 
		
		var x = new Chain;
		x.chain( function() {
						  elImage = $('content');
						  elImage.set('tween', {duration: 1000 } );
						  elImage.tween('opacity',0);
						  } );
		x.chain( function() {  // script to change content - update to ajax later?
						  //alert(mPage);
						  
						  var contentRequest = new Request.HTML( {
														   url: 'ajaxloader.php',
														   method: 'get',
														   update: $('content')
														   });
						  contentRequest.addEvent('onSuccess', function (response) {
										window.locationbar = mUrl;
										elContent = $('content');
										
										milkbox.reloadGalleries();
										//elContent.set('html', response);
										addLinkEvents('#content .mLink');
										elContent.set('tween', {duration: 1200 });
										elContent.tween('opacity',1);
										});
						  var sendString = 'page=' + mPage;				
						  if (mGall != null) sendString = sendString + '&gallery=' + mGall; 
						  //alert(sendString);
						  contentRequest.send(sendString);			
																	 
						  //window.location = mUrl;
						  } );
						  
		x.callChain();
		x.callChain.delay(1200, x);
		
		} //close if;
		
		else alert('Link not specified!');
		
		});
	});
};

window.addEvent('domready', function() {
		
		$$('.mLink').each(function(mLink) {
								var fader = mLink.getFirst('div');
								if (fader != null) {
									fader.set('opacity', 0)
								
									mLink.addEvents( {
										mouseenter: function() {
											var efader = this.getFirst('div');
											efader.set('morph', {duration: fadeInTime});
											efader.morph( { 'opacity': 1 }); 
											},
										mouseleave: function() {
											var efader = this.getFirst('div');
											efader.set('morph', {duration: fadeOutTime});
											efader.morph( { 'opacity': 0 }); 
											}
									}, mLink);
											 
								}
							});

		addLinkEvents('.mLink, #content a.int');



});