SKT = {};
SKT.RollOver =
{
	init: function()
	{
    	SKT.RollOver.preload();
		$(".navRO").hover(
			function () {
				$(this).attr( 'src', SKT.RollOver.newimage($(this).attr('src')) );
			},
			function () {
				$(this).attr( 'src', SKT.RollOver.oldimage($(this).attr('src')) ); 
			}
		);
	},
	preload: function()
	{
    	$(window).bind('load', function() {
    		$('.navRO').each(function( key, elm ) { 
				$('<img>').attr( 'src', SKT.RollOver.newimage( $(this).attr('src') ) ); 
    		});
		});
	},
	newimage: function( src ) {
		return src.substring( 0, src.search(/(\.[a-z]+)/) ) + '-over' + src.match(/(\.[a-z]+)/)[0];
	},
	oldimage: function( src ) {
		return src.replace(/-over/, '');
	}
};
SKT.navMenu =
{
	timeout: 500,
	closetimer: 0,
	Item: null,
	open: function() {
		SKT.navMenu.CancelTimer();
		SKT.navMenu.close();
		SKT.navMenu.Item = $(this).find('ul').eq(0).css( 'visibility', 'visible' );
	},
	close: function() {
		if ( SKT.navMenu.Item ) {
			SKT.navMenu.Item.css( 'visibility', 'hidden' );
		}
	},
	Timer: function() {
		SKT.navMenu.closetimer = window.setTimeout( SKT.navMenu.close , SKT.navMenu.timeout );
	},
	CancelTimer: function() {
		if ( SKT.navMenu.closetimer ) {	
			window.clearTimeout( SKT.navMenu.closetimer );
			SKT.navMenu.closetimer = null;
		}
	}
};

$(document).ready(
	function() {
		SKT.RollOver.init();
		$('#navMenu > li').bind( 'mouseover' , SKT.navMenu.open );
		$('#navMenu > li').bind( 'mouseout' , SKT.navMenu.Timer );
	}
);
document.onclick = SKT.navMenu.close;