$(document).ready(function() {
	
	
	
	
	
	//for table row
	  $("table.workshoplist tr:odd").css("background-color", "#ccd9ee");
	  $("table.schedule tr:odd").css("background-color", "#ccd9ee");
	  
	$('.slideshow')
		.after('<div id="nav">')
		.cycle({
			fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
			speed:    1500, // defines the number of milliseconds it will take to transition from one slide to the next.
			timeout:  5000, // specifies how many milliseconds will elapse between the start of each transition
			pause: 1, // so that pauses when user hovers over a slide
			delay:  5000, // set a delay before 1st slide starts transitioning
			pager: '#nav' //instructs the plugin to create navigation elements, one for each slide, and add them to the container identified by the value of the pager option.
		});
	
	$("ul.videos li a").click(function() {
			$.fancybox({
			'padding'		: 0,
			'autoScale'		: false,
			'transitionIn'	: 'none',
			'transitionOut'	: 'none',
			'title'			: this.title,
			'width'		: 620,
			'height'		: 373,
			'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/')+ '&autoplay=1',
			'type'			: 'swf',
			'swf'			: {
			   	 'wmode'		: 'transparent',
				'allowfullscreen'	: 'true'
			}
		});

	return false;
	});
	
	$("a.myfancybox").fancybox({'zoomOpacity': true,'overlayShow': true,'hideOnOverlayClick': true});
	

});