/*
Copyright 2007 Bruce Kroeze <brucek@solidsitesolutions.com>
This work is licensed under a Creative Commons Attribution 2.5  License,
Please see the license text at: http://creativecommons.org/licenses/by/2.5/
*/
SSS = {
	// prefix for all "over" images
	imagebase : 'imgs/nav_',
	
	// flag for IE
	IE6 : false,
	//clickReplace:false,
	// Initialize all menus for rollover
	menuinit : function() {
		if (SSS.IE6) {
			selector = 'span';
		} else {
			selector = 'img';
		}
		//$('.nav li ' + selector).click(function() {
		//	SSS.clicked(this);
			//SSS.clickReplace=true;
		//});

		$('.nav li ' + selector).hover(function() {
			SSS.over(this);
		}, function() {
			 SSS.out(this); //want to force selection - dg
		});
	},
	
	// Swap image to non-rolled-over state
	out : function(elt) {
		//alert(SSS.clickReplace)
		//if(SSS.clickReplace==true){
		//	return false;
		//}
		SSS.setpng(elt, SSS.imagebase + $(elt).attr('id') + '.png');
	},
	
	// Swap image to rolled-over state
	over : function(elt) {
		SSS.setpng(elt, SSS.imagebase + $(elt).attr('id') + '_over.png');
	},
	// do something
	//clicked : function(elt) {
	//	SSS.clickReplace=false;
		//alert(SSS.imagebase + $(elt).attr('id') + '_over.png')
	//	SSS.setpng(elt, SSS.imagebase + $(elt).attr('id') + '_over.png');
		
	//},
	// Preload rollover images and set the image name prefix.
	preloadimages : function() {
		base = arguments[0];
		SSS.imagebase = base;
		
		for(var i = 1; i<arguments.length; i++) {
			jQuery("<img>").attr("src", base + arguments[i]);
		}
	},
	
	// Set the source png for an element.
	setpng : function(elt, src) {
		if (SSS.IE6) {
			// this is the magic which loads a png, preserving transparency.
			$(elt).css('filter', "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'" + src + "\', sizingMethod='scale');");
		} else {
			$(elt).attr('src', src);
		}
	}
}

// put this part in your site.js file.  Call preload with the "base" of your image file first, then list the files.
// in the example below, I am preloading: media/images/btn_home_on.png, media/images/btn_store_on.png, etc.
/*
$(function() {
	SSS.preloadimages("media/images/btn_", "home_on.png", "store_on.png", 
		"stories_on.png", "lessons_on.png", "boomer_on.png", 
		"company_on.png", "careers_on.png", "contact_on.png");
	SSS.menuinit();
});
*/