$(document).ready(function(){
	var videos = $('div.youtube div.video_array').html().split(",");
	var targeturl = '/com/youtube/load_video_ids.php';
	/*$.ajax({type: 'post', url: targeturl, data: '', cache: false, success: function(html){
		videos = html.split(",");
		console.info(html);
	}});*/

	$('div.youtube div.video_controls a.next').live('click', function(){
		var video_id = parseInt($('div.youtube div.video').attr('id').slice(6)) + 1;
		if(video_id < videos.length) {
			$('div.youtube div.video')
				.html('<object width="413" height="334"><param name="movie" value="http://www.youtube.com/v/' + videos[video_id] + '&hl=en&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/' + videos[video_id] + '&hl=en&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="413" height="334"></embed></object>')
				.attr('id', 'video_' + video_id);
			$('div.youtube ul.num li a.on').removeClass('on').parent().next().children().addClass('on');		
		}
		return false;
	});
	
	$('div.youtube div.video_controls a.prev').live('click', function(){
		var video_id = parseInt($('div.youtube div.video').attr('id').slice(6)) - 1;
		if(video_id > 0) {
			$('div.youtube div.video')
				.html('<object width="413" height="334"><param name="movie" value="http://www.youtube.com/v/' + videos[video_id] + '&hl=en&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/' + videos[video_id] + '&hl=en&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="413" height="334"></embed></object>')
				.attr('id', 'video_' + video_id);
			$('div.youtube ul.num li a.on').removeClass('on').parent().prev().children().addClass('on');
		}
		return false;
	});
	
	$('div.youtube ul.num li a').live('click', function(){
		var video_id = $(this).html();
		$('div.youtube div.video')
			.html('<object width="413" height="334"><param name="movie" value="http://www.youtube.com/v/' + videos[video_id] + '&hl=en&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/' + videos[video_id] + '&hl=en&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="413" height="334"></embed></object>')
			.attr('id', 'video_' + video_id);
		
		$('div.youtube ul.num li a.on').removeClass('on');
		$(this).addClass('on');
		return false;
	});
});