var ussfrp_on = new Image();
var ussfrp_off = new Image();
ussfrp_on.src = "images/ussfrp.png";
ussfrp_off.src = "images/ussfrp_b.png";

var calsouthlogo_on = new Image();
var calsouthlogo_off = new Image();
calsouthlogo_on.src = "images/calsouthlogo.png";
calsouthlogo_off.src = "images/calsouthlogo_b.png";

var csllogo_on = new Image();
var csllogo_off = new Image();
csllogo_on.src = "images/csllogo.png";
csllogo_off.src = "images/csllogo_b.png";

var presidiologo_on = new Image();
var presidiologo_off = new Image();
presidiologo_on.src = "images/presidiologo.png";
presidiologo_off.src = "images/presidiologo_b.png";

var scdsllogo_on = new Image();
var scdsllogo_off = new Image();
scdsllogo_on.src = "images/scdsllogo.png";
scdsllogo_off.src = "images/scdsllogo_b.png";

var arbitersportslogo_on = new Image();
var arbitersportslogo_off = new Image();
arbitersportslogo_on.src = "images/arbitersportslogo.png";
arbitersportslogo_off.src = "images/arbitersportslogo_b.png";

$(document).ready(function()
{
	//adjust right sidebar vertical length
	var divleft = $('#content_left').css('height');
	var divright = $('#content_right').css('height');

	if(divleft > divright)
	{
		$('#content_right').css('height',divleft);
	}

	//populate header
	/*
	var headerhtml = '';
	headerhtml += '<a href="index.html" id="logo" alt="TVSRA Home"></a>';
	$("#header_wrapper").html(headerhtml);
	*/
	
	//populate navigation
	var navhtml = '';
	/*
	navhtml += '<ul id="sdt_menu" class="sdt_menu">';
	navhtml += '<li>';
	navhtml += '<a href="#">';
	navhtml += '<img src="images/1.png" alt="About Us" />';
	navhtml += '<span class="sdt_active"></span>';
	navhtml += '<span class="sdt_wrap">';
	navhtml += '<span class="sdt_link">About Us</span>';
	navhtml += '<span class="sdt_descr">TVSRA inside</span>';
	navhtml += '</span>';
	navhtml += '</a>';
	navhtml += '<div class="sdt_box">';
	navhtml += '<a href="board.html">TVSRA Board</a>';
	navhtml += '<a href="membership.html">Membership</a>';
	navhtml += '</div>';
	navhtml += '</li>';
	navhtml += '<li>';
	navhtml += '<a href="#">';
	navhtml += '<img src="images/2.png" alt="Resources"/>';
	navhtml += '<span class="sdt_active"></span>';
	navhtml += '<span class="sdt_wrap">';
	navhtml += '<span class="sdt_link">Resources</span>';
	navhtml += '<span class="sdt_descr">Forms, Documents, Links</span>';
	navhtml += '</span>';
	navhtml += '</a>';
	navhtml += '<div class="sdt_box">';
	navhtml += '<a href="newrefs.html">New Referees</a>';
	navhtml += '<a href="regofficials.html">Registered Officials</a>';
	navhtml += '<a href="docs/CSL_rules_2011.pdf" target="_blank">CSL Rules</a>';
	navhtml += '<a href="docs/Presidio_rules_2011.pdf" target="_blank">Presidio Rules</a>';
	navhtml += '<a href="docs/SCSDL_rules_2011.pdf" target="_blank">SCSDL Rules</a>';
	navhtml += '<a href="lotg_videos.html">Course Modules</a>';
	navhtml += '</div>';
	navhtml += '</li>';
	navhtml += '<li>';
	navhtml += '<a href="#">';
	navhtml += '<img src="images/3.png" alt="Games"/>';
	navhtml += '<span class="sdt_active"></span>';
	navhtml += '<span class="sdt_wrap">';
	navhtml += '<span class="sdt_link">Games</span>';
	navhtml += '<span class="sdt_descr">Services/Systems</span>';
	navhtml += '</span>';
	navhtml += '<div class="sdt_box">';
	navhtml += '<a href="http://www.arbitersports.com" target="_blank">Arbiter</a>';
	navhtml += '<a href="http://presidio.affinitysoccer.com/tour/public/info/tournamentlist.asp?sessionguid=&section=gaming" target="_blank">Presidio Scoring</a>';
	navhtml += '<a href="docs/TVSRA2011RefereeSplit.pdf" target="_blank">Game Fees Table</a>';
	navhtml += '<a href="fields.html">Fields</a>';
	navhtml += '</div>';
	navhtml += '</a>';
	navhtml += '</li>';
	navhtml += '<li>';
	navhtml += '<a href="#">';
	navhtml += '<img src="images/4.png" alt="General"/>';
	navhtml += '<span class="sdt_active"></span>';
	navhtml += '<span class="sdt_wrap">';
	navhtml += '<span class="sdt_link">General</span>';
	navhtml += '<span class="sdt_descr">Other Information</span>';
	navhtml += '</span>';
	navhtml += '<div class="sdt_box">';
	navhtml += '<a href="rwir.html">Referee Week in Review</a>';
	navhtml += '</div>';
	navhtml += '</a>';
	navhtml += '</li>';
	navhtml += '</ul>';
	$("#nav_wrapper").html(navhtml);
	*/

	//populate footer
	/*
	var footerhtml = '';
	footerhtml += '<div id="footer">';
	footerhtml += '<a href="http://www.ussoccer.com/Referees/Referees-Home.aspx" alt="USSF Referee Program" target="_blank"><img id="ussfrp" src="images/ussfrp_b.png" class="logo"></a>';
	footerhtml += '<a href="http://www.calsouth.com/en/referees/" alt="CalSouth" target="_blank"><img id="calsouthlogo" src="images/calsouthlogo_b.png" class="logo"></a>';
	footerhtml += '<a href="http://www.coastsoccer.com/" alt="Coast League" target="_blank"><img id="csllogo" src="images/csllogo_b.png" class="logo"></a>';
	footerhtml += '<a href="http://www.presidiosoccer.com/" alt="Presidio Soccer League" target="_blank"><img id="presidiologo" src="images/presidiologo_b.png" class="logo"></a>';
	footerhtml += '<a href="http://scdslsoccer.com/" alt="Southern California Developmental Soccer League" target="_blank"><img id="scdsllogo" src="images/scdsllogo_b.png" class="logo"></a>';
	footerhtml += '<a href="http://www.arbitersports.com" alt="Arbitersports.com" target="_blank"><img id="arbitersportslogo" src="images/arbitersportslogo_b.png" class="logo"></a>';
	footerhtml += '</div>';
	footerhtml += '<span id="copy">&copy; <i>2011 Temecula Valley Soccer Referee Association</i></span>';
	$("#footer_wrapper").html(footerhtml);
	*/

	//footer logo swap
	$('.logo').bind('mouseover',function()
	{
		$(this).attr("src", eval($(this).attr('id')+'_on').src);
	});

	$('.logo').bind('mouseout',function()
	{
		$(this).attr("src", eval($(this).attr('id')+'_off').src);
	});


	//video player source swap for course modules
	$('#vidsel').bind('change',function()
	{
		$('#videoframe').attr('src', $(this).find("option:selected").attr('value'));
	});

	//video player source swap ref week videos
	$('.vidlink').bind('click',function()
	{
		$('#week').html($(this).attr('name'));
		$('#vid').attr('src','rwir_'+$(this).attr('name')+'.html');
	});

	$('#sdt_menu > li').bind('mouseenter',function()
	{
		var $elem = $(this);
		$elem.find('img')
		.stop(true)
		
		.animate(
		{
			'width':'162px',
			'height':'123px',
			'left':'0px',
		}
		,400,
		'easeOutBack')
		.andSelf()
		.find('.sdt_wrap')
	     	.stop(true)
		.animate({'top':'70px'},500,'easeOutBack')
		.andSelf()
		.find('.sdt_active')
	     	.stop(true)
		.animate({'height':'123px'},300,function()
		{
			var $sub_menu = $elem.find('.sdt_box');
			
			if($sub_menu.length)
			{
				var left = '164px';
				if($elem.parent().children().length == $elem.index()+1)
					left = '-164px';
			
				$sub_menu.show().animate({'left':left},200);
			}
		});
	}).bind('mouseleave',function()
	{
		var $elem = $(this);
		var $sub_menu = $elem.find('.sdt_box');
		if($sub_menu.length)
			$sub_menu.hide().css('left','0px');

		$elem.find('.sdt_active')
		.stop(true)

		.animate(
		{
			'height':'0px'
		}
		,300)
		.andSelf().find('img')
		.stop(true)

		.animate(
		{
			'width':'0px',
			'height':'0px',
			'left':'85px'
		}
		,400)
		.andSelf()
		.find('.sdt_wrap')
		.stop(true)
		.animate(
		{
			'top':'0px'
		}
		,500);
	});
});


jQuery.easing['jswing'] = jQuery.easing['swing'];

jQuery.extend(jQuery.easing,
{
	def: 'easeOutQuad',
	swing: function (x, t, b, c, d) 
	{
		return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
	},
	easeInQuad: function (x, t, b, c, d) 
	{
		return c*(t/=d)*t + b;
	},
	easeOutQuad: function (x, t, b, c, d)
	{
		return -c *(t/=d)*(t-2) + b;
	},
	easeInOutQuad: function (x, t, b, c, d) 
	{
		if ((t/=d/2) < 1) return c/2*t*t + b;
		return -c/2 * ((--t)*(t-2) - 1) + b;
	},
	easeInCubic: function (x, t, b, c, d) 
	{
		return c*(t/=d)*t*t + b;
	},
	easeOutCubic: function (x, t, b, c, d) 
	{
		return c*((t=t/d-1)*t*t + 1) + b;
	},
	easeInOutCubic: function (x, t, b, c, d) 
	{
		if ((t/=d/2) < 1) return c/2*t*t*t + b;
		return c/2*((t-=2)*t*t + 2) + b;
	},
	easeInQuart: function (x, t, b, c, d) 
	{
		return c*(t/=d)*t*t*t + b;
	},
	easeOutQuart: function (x, t, b, c, d) 
	{
		return -c * ((t=t/d-1)*t*t*t - 1) + b;
	},
	easeInOutQuart: function (x, t, b, c, d) 
	{
		if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
		return -c/2 * ((t-=2)*t*t*t - 2) + b;
	},
	easeInQuint: function (x, t, b, c, d) 
	{
		return c*(t/=d)*t*t*t*t + b;
	},
	easeOutQuint: function (x, t, b, c, d) 
	{
		return c*((t=t/d-1)*t*t*t*t + 1) + b;
	},
	easeInOutQuint: function (x, t, b, c, d) 
	{
		if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
		return c/2*((t-=2)*t*t*t*t + 2) + b;
	},
	easeInSine: function (x, t, b, c, d) 
	{
		return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
	},
	easeOutSine: function (x, t, b, c, d) 
	{
		return c * Math.sin(t/d * (Math.PI/2)) + b;
	},
	easeInOutSine: function (x, t, b, c, d) 
	{
		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
	},
	easeInExpo: function (x, t, b, c, d) 
	{
		return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
	},
	easeOutExpo: function (x, t, b, c, d) 
	{
		return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
	},
	easeInOutExpo: function (x, t, b, c, d) 
	{
		if (t==0) return b;
		if (t==d) return b+c;
		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
	},
	easeInCirc: function (x, t, b, c, d) 
	{
		return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
	},
	easeOutCirc: function (x, t, b, c, d) 
	{
		return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
	},
	easeInOutCirc: function (x, t, b, c, d) 
	{
		if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
		return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
	},
	easeInElastic: function (x, t, b, c, d) 
	{
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
	},
	easeOutElastic: function (x, t, b, c, d) 
	{
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
	},
	easeInOutElastic: function (x, t, b, c, d) 
	{
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
		return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
	},
	easeInBack: function (x, t, b, c, d, s) 
	{
		if (s == undefined) s = 1.70158;
		return c*(t/=d)*t*((s+1)*t - s) + b;
	},
	easeOutBack: function (x, t, b, c, d, s) 
	{
		if (s == undefined) s = 1.70158;
		return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
	},
	easeInOutBack: function (x, t, b, c, d, s) 
	{
		if (s == undefined) s = 1.70158; 
		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
		return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
	},
	easeInBounce: function (x, t, b, c, d) 
	{
		return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
	},
	easeOutBounce: function (x, t, b, c, d) 
	{
		if ((t/=d) < (1/2.75)) 
		{
			return c*(7.5625*t*t) + b;
		} 
		else if (t < (2/2.75)) 
		{
			return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
		}
		else if (t < (2.5/2.75)) 
		{
			return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
		}
		else
		{
			return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
		}
	},
	easeInOutBounce: function (x, t, b, c, d) 
	{
		if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
		return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
	}
});