//if you want to use jquery
var size = 0;

$(document).ready( function () {
	$('#news li').css('display','block');			  
	$newsItems = $('#news > ul > li');
	$featureImage = $('#featureImage');
	size = $newsItems.size();
	if(size > 1)
		$('#news').append('<div id="newsNav"><a id="newsLeft" href="#">Left</a><p>1/'+size+'</p><a id="newsRight" href="#">Right</a></div>');
	$newsNav = $('#newsNav');
	
	$('.openVideo').click(function(){
		vidId = this.rel;
		loadVideo(vidId);
		tb_show(null, "#TB_inline?height=420&width=662&inlineId=videos", false);
	});
	$('#videoRight li a').click(function(){
		vidId = this.rel;
		loadVideo(vidId);
	});
	$('#newsRight').bind('click',function(){
		doTransRight();
	});
	$('#newsLeft').bind('click',function(){
		doTransLeft();
	});
	
});

function loadVideo(vidId) {
	$('#videoLeft').html('<object width="427" height="387"><param name="movie" value="http://www.youtube.com/v/' + vidId + '"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/' + vidId +'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="427" height="387"></embed></object>');	
	/*	no longer required: JS 23/04/10
	$('#videoLeft').html('<p>Loading...</p>');	
		$.ajax({
			type: "GET",
			url: "/getVideo",
			data: {id:vidId},
			success: function(data) {
				$('#videoLeft').html(data);	
			},
			error: function(XMLHttpRequest, textStatus, errorThrown){
				$('#videoLeft').html('<p>Problem loading video.</p>');	
			}
	});
	*/
}

function moveElectron(pos) {
	$electron = $('#electron');
	
	switch(pos) {
		case 1:
			$electron.css('background-position','117px 85px');
			break;
		case 2:
			$electron.css('background-position','161px 44px');
			break;
		case 3:
			$electron.css('background-position','410px 46px');
			break;
		case 4:
			$electron.css('background-position','451px 90px');
			break;
		default:
			$electron.css('background-position','117px 85px');
	}
	
}

var doTransRight = function() {
	$('#newsRight').unbind('click');
	$selected = $newsItems.filter('.selected');
	index = 0;
	if ($selected.next().length == 0) {
		$featureImage.fadeOut("slow",function(){
			$featureImage.html('');
			$featureImage.append($newsItems.eq(0).find('.newsImage').eq(0).clone());
		});
		$featureImage.fadeOut("slow");
		$selected.fadeOut("slow",function(){
			$(this).removeClass('selected');
			
			$featureImage.fadeIn("slow");
			$newsItems.eq(0).hide().addClass('selected').fadeIn("slow",function(){
				$('#newsRight').bind('click',function(){doTransRight();});
			});
			$selected = $newsItems.filter('.selected');
			index = $newsItems.index($selected)+1;
			$newsNav.find('p').html(index+'/'+size);
			moveElectron(index);
		});
	}
	else {
		$featureImage.fadeOut("slow",function(){
			$featureImage.html('');
			$featureImage.append($selected.next().find('.newsImage').eq(0).clone());
		});
		$selected.fadeOut("slow",function(){
			$(this).removeClass('selected');
			$featureImage.fadeIn("slow");
			$selected.next().hide().addClass('selected').fadeIn("slow",function(){
				$('#newsRight').bind('click',function(){doTransRight();});
			});
			
			$selected = $newsItems.filter('.selected');
			index = $newsItems.index($selected)+1;
			$newsNav.find('p').html(index+'/'+size);
			moveElectron(index);
			
		});
	}
}

var doTransLeft = function() {
	$('#newsLeft').unbind('click');
	$selected = $newsItems.filter('.selected');
	if ($selected.prev().length == 0) {
		$featureImage.fadeOut("slow",function(){
			$featureImage.html('');
			$featureImage.append($newsItems.eq(size-1).find('.newsImage').eq(0).clone());
		});
		$selected.fadeOut("slow",function(){
			$(this).removeClass('selected');
			$featureImage.fadeIn("slow");
			$newsItems.eq(size-1).hide().addClass('selected').fadeIn("slow",function(){
				$('#newsLeft').bind('click',function(){doTransLeft();});
			});
			$selected = $newsItems.filter('.selected');
			index = $newsItems.index($selected)+1;
			$newsNav.find('p').html(index+'/'+size);
			moveElectron(index);
		});
	}
	else {
		$featureImage.fadeOut("slow",function(){
			$featureImage.html('');
			$featureImage.append($selected.prev().find('.newsImage').eq(0).clone());
		});
		$selected.fadeOut("slow",function(){
			$(this).removeClass('selected');
			
			$featureImage.fadeIn("slow");
			$selected.prev().hide().addClass('selected').fadeIn("slow",function(){
				$('#newsLeft').bind('click',function(){doTransLeft();});
			});
			$selected = $newsItems.filter('.selected');
			index = $newsItems.index($selected)+1;
			$newsNav.find('p').html(index+'/'+size);
			moveElectron(index);
		});
	}
}