/* 
 * Kick-start process 
 * - load banner (usually used for events)
 * - display popup (usually used for events)
 * - initialize image rollovers
 * - load top stories 
 */
window.onload = function() {
/*
	if (bannerSrc)
		doBanner();
		
	if (popupUrl)
		doPopup();
*/
	loadPopupAndBanner();
	
	doMainRollovers();
	
	//loadTopStories();
	
	//fetchStories();
	
	var	divWidth = $('maincontent').getWidth();
	$('copyright').setStyle({"background-color":"#FFFFFF", "width": divWidth + 'px'});
};

function loadPopupAndBanner() {
	URL = '/banner.php';
	var request = new Ajax.Request(
		URL, 
		{
			method : 'get',
			
			onSuccess: function(transport, json) {
				var bannerSrc = json['bannerSrc'];
				var bannerUrl = json['bannerUrl'];
				var bannerUrlText = json['bannerUrlText'];

				var popupUrl = json['popupUrl'];
				doPopup(popupUrl);
				if (!bannerSrc) {
					bannerSrc = "/images/common/blank_trans.gif";
					bannerUrl = "";
					bannerUrlText = "CAMSC - Canadian Aboriginal and Minority Supplier Council";
				}
				doBanner(bannerSrc, bannerUrl, bannerUrlText);
			}
		}		
	);		
}

/*
 * doPopup()
 * 
 * Loads popup
 */
function doPopup(popupUrl) {
	if (!popupUrl) return;
	var url='http://' + window.location.host + popupUrl;
	window.open(url, "popup_id", "resizable,width=400,height=300");
}

/*
 * doBanner()
 * 
 * Loads banner
 * Approach: load the banner in the background. Once it is loaded, update CSS to display image.
 * But make sure that the original image has been visible for at least 3.5 seconds before replacing 
 * it with banner image.
 */
function doBanner(bannerSrc, bannerUrl, bannerUrlText) {
	if (!bannerSrc) return;
	var bannerContainer = 'banner_flag';
	
	var imgObj = document.createElement("img");
	imgObj.onload = function() {
		/* Function within a function */
		window.setTimeout(function() 
			{
//				var ctrBanner = $(bannerContainer);
//				if (ctrBanner)
//				{
//					ctrBanner.setStyle({background: 'url(' + bannerSrc + ') no-repeat 0px 0px'});
//				}
				
				/* TODO - DOMify this */
				var bannerAnchor = $('banner_anchor');
				if (bannerAnchor)
				{
					//bannerAnchor.innerHTML = '<a href="'+bannerUrl+'"><img style="width: 490px; height: 255px; border: 0px;" src="/images/common/blank_trans.gif" alt="'+bannerUrlText+'"/></a>';
					/* Modify href */
					var aTag = $('banner_anchor_link');
					if (aTag && bannerUrl)
						aTag.setAttribute('href', bannerUrl);
					if (aTag && bannerUrlText)
						aTag.setAttribute('title', bannerUrlText)
					
					/* Modify ALT tag */
					var imgTag = $('banner_anchor_image');
					if (imgTag && bannerUrlText) 
					{
						imgTag.setAttribute('alt', bannerUrlText);
						imgTag.setAttribute('src', bannerSrc);
					}
				}
			}, 
			/*3500*/
			0
		);
	};
	
	/*imgObj.src= bannerSrc;*/
	imgObj.onload();
} 

/*
 * doMainRollovers()
 * 
 * Sets up image rollovers for the Who We Are, Corporate Membership, Supplier Certification buttons
 */
function doMainRollovers() {
	var rollovers = $H({
		rollover0: '/images/main/whoweare_red.gif',
		rollover1: '/images/main/corporate_membership_red.gif',
		rollover2: '/images/main/supplier_certification_red.gif'
	});
	
	rollovers.each(function(pair){
		Rollover.attachRollover(pair.key, pair.value);
	});
}

/*
 * 
 * Uses AJAX (Prototype) to fetch top stories and display it on the main page
 */
function loadTopStories() {
	var h = $H({
		'top_stories' : '/top_stories.php',
		'supplier_news' : '/supplier_news.php',
		'corporate_news' : '/corporate_news.php'
	});

	h.each(function(pair) {
		var container = pair.key;
		var URL = pair.value;
		new Ajax.Updater(container, URL, 
			{
				method : 'get'
			});		
	});
	
}

function fetchStories() {
	/* Fetch success story and display it */
	var paramsHash = new Hash();
	paramsHash['action'] = "fetchStories";
	
	URL = '/success_stories/fetch_success_story.php';
	var request = new Ajax.Request(
		URL,
		{			
			/* Insert other parameters here */
			method : 'get',
			
			onSuccess: function(transport, json) {
				displayTitle(request, transport, json);
			},
			
			parameters : paramsHash.toQueryString()
		}
	);		
}

function displayTitle(request, transport, json)
{
	json = json.reverse();
	
	var biggestId = '1980-01-01';
	var biggestStory = null;
	for(var cnt = 0; cnt < json.length; cnt++)
	{
		var story = json[cnt];
		biggestId = (story['id'] > biggestId) ? story['id'] : biggestId;
		if (biggestId == story['id'])
			biggestStory = story; 
	}

	var story = biggestStory;
	var storyTitle = story['title'].unescapeHTML();
//	var storyTitle = "x";
	
	var target = $('success_stories_message');
	var text = document.createTextNode(storyTitle);
	target.replaceChild(text, target.firstChild);

	if (story['is_external'] && story['external_url'])
	{
		target.setAttribute('href', story['external_url']);
		target.setAttribute('target', '_blank');
	}
}