window.addEvent('domready',function()
{	
	var options = 
	{
		'alwaysHide': true,
		'display': -1,
		'opacity':false
		
	}

	var handles = $$('.handle');
	var regions = $$('.expander');

	var myAccordion = new Accordion(handles, regions, options);

/*	handles.each(function(el)
	{
		el.addEvent('click', function()
		{
			
			var innerSpan = el.getElement('span');
			if(innerSpan.innerHTML == 'hide')
			{
				innerSpan.innerHTML = 'show'
			}
			else if(innerSpan.innerHTML == 'show')
			{
				innerSpan.innerHTML = 'hide'
			}
			
		});
	});
*/

	var modalLinks = $$('.modal');

	modalLinks.each(function(el)
	{
		el.addEvent('click', function(clicker)
		{
			new Event(clicker).stop();
		
			var qtvrOptions = 
			{
				'src': el.href,
				'href': el.href,
				'width':640,
				'height':480
			}

			var qtvr = new Element('embed', qtvrOptions);
			

			var qtvrModal = new Modal(qtvr);
		
				
		
		
		});
	});

		
});


var Modal = new Class(
{
	initialize: function(element)
	{
        	var popup = this;
	
		this.innerElement = element;
		this.showing = false;
		this.modalOptions = 
		{
			'class': 'modalDialog'
		}

		this.modalWrapOptions = 
		{
			'class': 'modalWrap'
		}

		this.closeOptions = 
		{
			'html': 'close',
			'href': window.location.href,
			'class': 'closeButton'
		}

		this.modal = new Element('div', this.modalOptions);
	        this.modalWrap = new Element ('div', this.modalWrapOptions);

		element.inject(this.modalWrap);
		this.modalWrap.inject(this.modal);
		this.modal.inject($$('body')[0],'top');
		
		this.closeButton = new Element('a', this.closeOptions);
		this.closeButton.inject(this.modalWrap, 'bottom');

		this.closeButton.addEvent('click', function(clicker)
		{
			new Event(clicker).stop();
			popup.modal.dispose();
		});
	}
});