var slideshow = "";
var accordion = "";
window.addEvent('domready', function() {
	accordion = new Accordion('#contentArea #attractionColumnOne ul li.atStart', '#contentArea #attractionColumnOne ul li ul.onStart', {
		opacity: false,
		onActive: function(baseLink, element){
			baseLink.setStyle('color', '#353535');
			baseLink.setStyle('list-style-image', 'url(/media/arrow_dwn.gif)');
		},
	
		onBackground: function(baseLink, element){
			baseLink.setStyle('color', '#8C8E8F');
			baseLink.setStyle('list-style-image', 'url(/media/arrow.gif)');
		
		}
	}, $('attractionColumnOne'));
	$$('li.baseLink').addEvent('click', function(e) { this.blur(); new Event(e).stop(); });
	$$('ul.element li a').each(function(el, index) {
		el.addEvent('click', function(ev) {
			new Event(ev).stop();
			el.blur();
			$$('ul.element li a').each(function(el2) { el2.removeClass('active'); });
			el.addClass('active');
			new Ajax('/attractionsxml/?id=' + el.getProperty('jstag').replace('id', ''), {method: 'get', onComplete: ajaxLoaded }).request();
		});
	});
});

ajaxLoaded = function() {
	$('topImages').getElement('img').setProperty('src', this.response.xml.getElementsByTagName('imagesource')[0].childNodes[0].nodeValue).setProperty('alt', this.response.xml.getElementsByTagName('headline')[0].childNodes[0].nodeValue); 
	
	$('attractionColumnTwo').getElements('ul.first li').each(function(el, index) {
		switch(index) {
			case 0:
				el.getFirst().setProperty('href', ('/' + this.response.xml.getElementsByTagName('region')[0].childNodes[0].nodeValue + '/')).setText(this.response.xml.getElementsByTagName('region')[0].childNodes[0].nodeValue);
				break;
			case 1:
				el.getFirst().setProperty('href', '#').setText(this.response.xml.getElementsByTagName('category')[0].childNodes[0].nodeValue);
				break;
			case 2:
				el.getFirst().setProperty('href', '#').setText(this.response.xml.getElementsByTagName('headline')[0].childNodes[0].nodeValue);
				break;
		}
	}.bind(this));
	
	
	var outputSpot = $('attractionColumnTwo').getElement('.attraction-details');
	outputSpot.getElement('h2').setText(this.response.xml.getElementsByTagName('headline')[0].childNodes[0].nodeValue);
	outputSpot.getElement('div.attraction-details-text').setHTML(this.response.xml.getElementsByTagName('description')[0].childNodes[0].nodeValue);
	if (outputSpot.getElement('ul.breadcrumb')) { outputSpot.getElements('ul.breadcrumb li').each(function(el) { el.remove(); }); outputSpot.getElement('ul.breadcrumb').remove(); }
	
	var linkAddresses = $A(this.response.xml.getElementsByTagName('destination')).map(function(item) { return item.childNodes[0].nodeValue; });
	var linkTeases = $A(this.response.xml.getElementsByTagName('tease')).map(function(item) { return item.childNodes[0].nodeValue; }); 
	var breadcrumbsLower = "";
		
	if (linkAddresses.length > 0) {
		breadcrumbsLower = new Element('ul', { 'class': 'breadcrumb'}).injectInside(outputSpot);
		linkAddresses.each(function(el, index) {
			var thisLi = new Element('li').injectInside(breadcrumbsLower);
			if (index == (linkAddresses.length - 1)) thisLi.addClass('last');
			new Element('a', { 'href': el }).injectInside(thisLi).setText(linkTeases[index]);
		});
	}	
}