//alert('page-home.js');

//var iBanner_selectedItem = 0;
//var iBanner_newItem = 0;

// initialize when DOM is loaded
//=========================
jQuery(document).ready(function($)
//=========================
{
	var iImageFadeOutSpeed = 250;
	var iTextFadeOutSpeed = 250;
	
	var iImageFadeInSpeed = 1000;
	var iTextFadeInSpeed = 500;
	
	var iImageFirstFadeInSpeed = iImageFadeInSpeed * 1;
	var iTextFirstFadeInSpeed = iTextFadeInSpeed * 1;
	
	//alert('document is ready');

	// find the selected nav item (default to first)
	var oSelectedNavItem = $('#portfolio-banner-nav li.selected');
		if (oSelectedNavItem.length == 0)
		{
			oSelectedNavItem = $('#portfolio-banner-nav li').first();
			oSelectedNavItem.addClass('selected');
		}

	// get the offset of the selected item
	var iSelectedIndex = $('#portfolio-banner-nav li').index(oSelectedNavItem);

	var oSelectedFeature = $('#portfolio-banner-features li').get(iSelectedIndex);
	
	// hide the selected feature image while it downloads
	//$('li#banner-item-' + iSelectedIndex + ' a img').hide();

	$('li#banner-item-' + iSelectedIndex + ' a img').each(function()
	{
		$(this).animate({opacity: 0});
		
		$('li#banner-item-' + iSelectedIndex + ' div.body').animate({opacity: 0});

		var sSrc = this.getAttribute('src');
		sSrc = sSrc.replace('/NULL/', '/');
		this.setAttribute('src', sSrc);
	});

	// load hidden banner images after visible one has loaded
	$('li#banner-item-' + iSelectedIndex + ' a img').load(function()
	{
		// reveal selected image
		$(this).animate({opacity: 1}, iImageFirstFadeInSpeed);
		$('li#banner-item-' + iSelectedIndex + ' div.body').animate({opacity: 1}, iTextFirstFadeInSpeed);
		
		// remove image suppressor code
		$("#portfolio-banner img[src*='/NULL/']").each(function()	// 
		{
			var sSrc = this.getAttribute('src');
			sSrc = sSrc.replace('/NULL/', '/');
			this.setAttribute('src', sSrc);
		});
		//this.unbind('load');
	});

	//alert('selected nav item is ' + iSelectedIndex);
	// for each item in the banner nav menu...
	$('li', $('#portfolio-banner-nav')).each(function(iIndex)
	{
				
		// assign event handler
		//-------------------------
		$(this).click(function(event)
		//-------------------------
		{
			// suppress normal link navigation
			event.preventDefault();

			var oClickedNavItem = this;
			var iClickedItemOffset = $('#portfolio-banner-nav li').index(oClickedNavItem);
			//alert('You clicked on item ' + iClickedItemOffset);
					
				// no change?
				//if (iClickedItemOffset == iSelectedIndex) return false;
					
			// corresponding item in features list
			var oSelectedFeature = $('#portfolio-banner-features li').get(iSelectedIndex);
			var oClickedFeature = $('#portfolio-banner-features li').get(iClickedItemOffset);
			var sSelectedFeatureItemHash = '#banner-item-' + iSelectedIndex;	// + '-image';
					
			// fade out the previous image & text
			//-------------------------
			//$(sSelectedFeatureItemHash + ' a img').fadeOut('slow', function()
			$('#portfolio-banner-features li.selected a img').fadeOut(iImageFadeOutSpeed, function()
			//-------------------------
			// callback to execute after current item has faded out
			{
				//-------------------------
				//$(sSelectedFeatureItemHash + ' div.body').fadeOut('slow', function()
				$('#portfolio-banner-features li.selected div.body').fadeOut(iTextFadeOutSpeed, function()
				//-------------------------
				{
					// remove 'selected' class on old nav & feature items
					//alert('removing selected classes');
					//$('#portfolio-banner li').removeClass('selected');
					$('#portfolio-banner li').removeClass('selected');
															
					var sClickedFeatureItemHash = '#banner-item-' + iClickedItemOffset;
					//alert('sClickedFeatureItemHash = ' + sClickedFeatureItemHash);

					// fade in new item
					//-------------------------
					//alert('fading in image');
					$(sClickedFeatureItemHash + ' a img').fadeIn(iImageFadeInSpeed);
					//-------------------------
					//alert('fading in text');
					$(sClickedFeatureItemHash + ' div.body').fadeIn(iTextFadeInSpeed, function()
					//-------------------------
					{
						// add 'selected' class to new item
						$(sClickedFeatureItemHash).addClass('selected');
										
						// add 'selected' class to nav menu item
						//alert('selecting nav item');
						$(oClickedNavItem).addClass('selected');
					});
				});
			});
		});
	});
});
//alert('hi');