/**
 * Embed a video.
 */
function mhcEmbedParentVideo(container, hq_file, flv_file, poster, captions, w, h, autostart) {
	
	var playerVersion = swfobject.getFlashPlayerVersion(); // returns a JavaScript object
	var major = playerVersion.major;
	var minor = playerVersion.minor;
	var release = playerVersion.release;
	
	// decide if we use the high quality h.264 or the 'low quality' flv
	// version 9.0.98 of the player and higher offers support for h.264
	var file;
	if (major >= 9) {
		if (minor == 0 && release < 98) {
			file = flv_file;
		} else {
			file = hq_file;
		}
	} else {
		file = flv_file;
	}
	
	// autostart?
	if (autostart == null) autostart = 'true';
	
	var flashvars = {
		file: file,
		image: poster,
		captions: captions,
		usecaptions: 'false', // 'false' to hide by default
		width: w,
		height: h,
		autostart: autostart,
		fullscreen: 'true'
	};
	
	var params = {
		allowfullscreen: 'true',
		allowscriptaccess: 'always',
		seamlesstabbing: 'true'
	};
	
	swfobject.embedSWF("http://www.mtholyoke.edu/scripts/mediaplayer-3.17.swf", container, w, h, "8", "", flashvars, params);
		
}


function mhcShowParentVideo(event) {

	// get the link that was clicked on
	//var element = event.element();
	var element = Event.element(event);
	
	// get the info from the contents of the link
	var href, poster;
	if (element.tagName == 'A') {
		// user clicked on the text link
		href = this.href;
		var imgs = this.select('img');
		poster = imgs[0].src;
	} else {
		// user clicked on the thumbnail
		href = this.href;
		poster = element.src;
	}
	
	Element.extend(poster);
	poster = poster.sub('/thumbnails/','/posters/');
	
	// embed 
	mhcEmbedParentVideo('ipVideoBox', href, href, poster, '', 540, 380, 'true'); // video is 540x360
	
	// show video box if not visible
	if ( ! $('ipVideoBoxContainer').visible() ) {
		Effect.BlindDown('ipVideoBoxContainer');
	}
	
	// show video
	//$('ipVideoBox').scrollTo();
	
	// prevent the onclick from going to the href
	event.stop();
	
}

/**
 * Adds a click handler to each parent video thumbnail.
 */
function addVideoEvents() {
		
	var links = $$('#internationalParents li a');
	
	for (var i = 0; i < links.length; i++) {
		links[i].observe('click', mhcShowParentVideo);
	}
	
}

document.observe('dom:loaded', addVideoEvents);