/* **********************************************
 * Global.js - All JS that's needed everywhere
 * ********************************************* */

function initGlobal() {
	
	if ($('previewContainer'))
		$('previewContainer').hide();
	
	// init preview links
	$$('#previews li a').each(function(link){

		if ($('previewContainer')){
			
			var previewContainer = $('previewContainer');
			
			previewCloserStr = "<p><a class=\"closePreviewLink\" onclick=\"$('previewContainer').hide();return false;\" href=\"#previews\" title=\"Close this preview\">Close</a></p>";
			
			
			Event.observe(link, 'click', function(event){
				event.stop();
			
				$('previewContainer').hide();
				currentPreviewImg = "<img src='"+link.href+"' alt='"+link.title+"' onclick='$(\"previewContainer\").hide(); return false;'/>";
				previewContainer.update(currentPreviewImg);
				previewContainer.insert({top: previewCloserStr});
			
				$('previewContainer').show();
				new Effect.ScrollTo("previewContainer");
		
			});
		}
		
	});
	/* ======== Events ======== */

	// 
	
};

/* ======== Gloabl Main DomLoaded Event ======== */
document.observe('dom:loaded', initGlobal);