$().ready(function() {
	$('.rollover').each(function(i, el) { makeRollover(el) });

	var url = $('#content-highlight.three-col .video').each(function(i, el) {
		configureFlashPlayer(el, 250, 200);
	});
	var url = $('#content-highlight.four-col .video').each(function(i, el) {
		configureFlashPlayer(el, 175, 140);
	});
});

function configureFlashPlayer(el, width, height) {
	var url = $('a', el).attr('href');
	var id = $(el).attr('id');

	var params = { allowScriptAccess: 'always' };
	var atts = { id: id };

	swfobject.embedSWF(url.replace('watch?v=', 'v/') + '&enablejsapi=1&playerapiid=ytplayer',
						   id, width, height, '8', null, null, params, atts);
}

function preload(path) {
	var image = $('<img/>');
	$('body').append(image.hide().attr('src', path));
}

// Uses convention to find rollover image (image.ext > image-rollover.ext)
function makeRollover(el) {
	var original = $(el).attr('src');

	var rollover = rolloverName(original);
	
	//check if a rollover image exists on the server
	$.get(rollover, function(data, status) {
		//preload image
		preload(rollover);

		//hook up rollover event
		$(el).hover(function() {
			$(el).attr('src', rollover);
		}, function() {
			$(el).attr('src', original);
		});
	});
}

function rolloverName(img) {
	var ext = img.substring(img.length - 4, img.length)

	var path = img.substring(0, img.length - 4);

	return path + '-rollover' + ext;
}