/*
	jQuery Menu Customization for Wordpress
	by Ramiro Suarez (http://www.quasarcr.com/
	
	Line 1: hides and fades in menu
	Line 2: Adds a dofferent class for odd li items
	Line 3: Adds a dofferent class for even li items
	Line 4: function that displays each sub list on mouse hover (use css to hide it first)
*/
$(document).ready(function () {

	$("#kamenu").hide(0).fadeIn(1000);
	$("ul#menu > li:odd").addClass('menu-alt2');
	$("ul#menu > li:even").addClass('menu-alt1');
	$('#kamenu li ul').css('opacity',0.75);
	$('#flashcontent').css('z-index',0);
	$('#kamenu li').hover(
		function() { $('ul', this).slideDown(200).css('display', 'block'); },
		function() { $('ul', this).css('display', 'none');
		});
	
	$(".video-small").click(function() {
		var id="#"+this.id;
		var bigdiv=id.replace('small','big');
		$(id).removeClass('on');
		$(id).addClass('off');
		$(bigdiv).removeClass('off');
		$(bigdiv).addClass('on');
	});
	
	$(".video-close").click(function() {
		var id="#"+this.id;
		var bigdiv=id.replace('close','big');
		var smalldiv=id.replace('close','small');
		$(bigdiv).removeClass('on');
		$(bigdiv).addClass('off');
		$(smalldiv).removeClass('off');
		$(smalldiv).addClass('on');
	});
	
		
	

});