/*
 *   PANOPTIC
 *
 *   Script for slideshow controls
 *   
 *   /scripts/panoptic-slideshow.js
 *
 *   vizi | vorm geven aan inhoud
 *
 *   V0.1 - 01/04/2008 - Jeroen Visser
 *
 ************************************************************/


/* HANG EXTRA FEATURES IN DOM
 *
 */
window.addEvent('load', panoptic_slideshow_init);

/* SLIDESHOW CONTROL TOGGLE
 *
 */
function toggleSlideshow(event)
{
	if (panopticSlides.props.play == true)
	{
		// Pause slideshow
		if (panopticSlides.pause())
		{
			$('playpause').removeClass('on').addClass('off').setAttribute('title','Hervat de diavoorstelling');
		}
	}
	else
	{
		// Start slideshoq (again)
		if (panopticSlides.resume())
		{
			$('playpause').removeClass('off').addClass('on').setAttribute('title','Pauzeer de diavoorstelling opnieuw');
		}
	}
	
	if (this.blur) this.blur();
	
	// Prevent default action.
	var event = new Event(event);
	event.preventDefault();
}



/* SLIDESHOW CONTROL INIT
 *
 */
function panoptic_slideshow_init()
{
	// If no slideshow is present, do not enhance!
	if (!panopticSlides || !panopticSlides.props) return;
	
	var slideshowStatus = (panopticSlides.props.play == true) ? 'on' : 'off';
	
	// Build element in DOM
	var slideshowControlLink = new Element("a",
	{
		'id': 'playpause',
		'class': slideshowStatus,
		'href': '#',
		'title': 'Pauzeer de diavoorstelling',
		'events':
		{
			'click': toggleSlideshow
		}
	});
	slideshowControlLink.appendChild(document.createTextNode("\u00A0"));
	
	var slideshowControl = new Element("li",
	{
		'id': 'control'
	});
	slideshowControl.appendChild(slideshowControlLink);
	
	// Inject in document
	var slideshowSibling = $E('.next', $('slideshow')).getParent();
	slideshowControl.inject(slideshowSibling, 'after').effect('opacity').custom(0,1);
}