// JavaScript Document


// Add a function to preload images
jQuery.preloadImages = function() { 
	$.each( bannerimages,  function(i, val) {
		$("<img>").attr("src", val[0]);	$("<img>").attr("src", val[2]);			 					
	} );		 
}


// ==========================================================================================
var bannerimages = { 
home   :   
		[
		 "images/banners/1.jpg",  	"",  
		 "images/banners/12.jpg",   "" 
		],
		
about   :   
		[
		 "images/banners/14.jpg",  	"",  
		 "images/banners/14.jpg",   "" 
		],
		
organization   :   
		[
		 "images/banners/20.jpg",  	"",  
		 "images/banners/20.jpg",   "" 
		],

board   :   
		[
		 "images/banners/9.jpg",  	"",  
		 "images/banners/9.jpg",   "" 
		],

kcc   :   
		[
		 "images/banners/13.jpg",  	"",  
		 "images/banners/13.jpg",   "" 
		],

programs   :   
		[
		 "images/banners/17.jpg",  	"",  
		 "images/banners/17.jpg",   "" 
		],

students   :   
		[
		 "images/banners/8.jpg",  	"",  
		 "images/banners/8.jpg",   "" 
		],

news   :   
		[
		 "images/banners/19.jpg",  	"",  
		 "images/banners/19.jpg",   "" 
		],

resources   :   
		[
		 "images/banners/7.jpg",  	"",  
		 "images/banners/7.jpg",   "" 
		],
		
contact   :   
		[
		 "images/banners/16.jpg",  	"",  
		 "images/banners/16.jpg",   "" 
		],

donate   :   
		[
		 "images/banners/15.jpg",  	"",  
		 "images/banners/15.jpg",   "" 
		],
undef : [
		 "images/banners/1.jpg",  	"",  
		 "images/banners/1.jpg",   "" 
		]
};


// SHOULD PRELOAD TOP LEVEL IMAGES HERE


	
$(function(){
/* jquery actions on document load  */

		   
// choose banner image based on id of page
        $('#banner img').remove(); //... get rid of existing image
		var pageId = $('body').attr('class'); // class is the subpageid
		var lastbanner = 1; //lastbanner alternates between 0 and 1
		pageId = (pageId) ? pageId : 'undef'; 
		if ($.cookies.get('lastbanner')) {
					lastbanner = 1-$.cookies.get('lastbanner');
			};
		$.cookies.set('lastbanner', lastbanner);	
		lastbanner = lastbanner; // just so we can set a debug here
		
		var imgSrc = bannerimages[pageId][2*lastbanner+0]; 
		var imgCap = bannerimages[pageId][2*lastbanner+1]; 
		// add newimage to banner div
		$('<img>').attr('src', imgSrc).attr('title', imgCap).appendTo('#banner'); 
		
		//$('#left-column').prepend( imgSrc + '<br/>'+ lastbanner);
		//  run through bannerimages and preload th	e ones in the array
		$.preloadImages();
        //$('#left-column').prepend($('body').attr('id')+'>'+ pageId);

		   

// Regular popup
		$('a.popup').click(function(){ 
				window.open(this.href, 
							'_blank',
							'scrollbars=yes,resizable=yes,width=700,height=650');
				return false;
		});
		
// smaller window popup		
		$('a.popupmovie').click(function(){ 
				window.open(this.href, 
				'_blank',
				'scrollbars=yes,resizable=yes,width=600,height=400');
				return false;
		});
		
// image links fade when hovered		
		$('a>img').hover(
				function(){ $(this).css('opacity', 0.7);}, 
				function(){ $(this).css('opacity', 1.0);}
				);	
		
// add sfhover class to hovered navbar items in first ul ... NEEDED FOR IE6 BEHAVIOR
		$('#menuwrapper ul.menu>li').hover(
				function(){
						$('#menuwrapper ul.menu>li').removeClass('sfhover');
						$(this).addClass('sfhover');}, 
				function(){ $(this).removeClass('sfhover');}
				);	
		
// add the 'active' class to the menu li that matches the template parameter pageid
		var pageid = $("body").attr("id");
		var subpageid = $("body").attr("class"); 
		$("ul.menu li.nav"+pageid).addClass("active");
		$("ul.submenu li.nav"+subpageid).addClass("active");

// display and un-display 'more' text
// add triggers at front and back
		$("span.more").
		css('color','#333').
		hide().
		before(" <a class='moretrigger' href='javascript: void(0);'> ...More.</a>").
		after(" <a class='lesstrigger' style='display:none' href='javascript: void(0);'> ...Less.</a>");
// behaviour when more or less is clicked on
		$('a.moretrigger').click(function(){
								  $(this).hide();
								  $(this).siblings('.more').show();
								  $(this).siblings('.lesstrigger').show();
							});
		$('a.lesstrigger').click(function(){
								  $(this).hide();
								  $(this).siblings('.more').hide();
								  $(this).siblings('.moretrigger').show();
							});
		
		
		
		
});