var current_property = 0;
var transitioning = false;
var button_clicked = false;

function transition_up() {
	if (!transitioning) {
		transitioning = true;
		current_property += 1;
		if (current_property >= featured_properties.length) current_property = 0;
		transition();
	}
}

function transition_down() {
	if (!transitioning) {
		transitioning = true;
		current_property -= 1;
		if (current_property < 0) current_property = featured_properties.length-1;
		transition();
	}
}

function transition() {
	var transition_div = $('transition_div');
	transition_div.setStyle('opacity', 0);
	transition_div.setStyle('backgroundColor', '#CB283B');
	transition_div.setStyle('backgroundImage', 'url('+featured_properties[current_property].image + ')');
	$('trans_featured_title').innerHTML = featured_properties[current_property].title;
	$('trans_featured_address').innerHTML = featured_properties[current_property].address;
	$('trans_featured_price').innerHTML = featured_properties[current_property].price;
	$('trans_featured_description').innerHTML = featured_properties[current_property].description;
	$('header_button').innerHTML = featured_properties[current_property].link;

	var fx = new Fx.Style(transition_div, 'opacity', {
		duration:1000,
		onComplete: function () {
			$('wrapper_large_1').setStyle('backgroundImage', 'url(' + featured_properties[current_property].image + ')');
			$('featured_title').innerHTML = featured_properties[current_property].title;
			$('featured_address').innerHTML = featured_properties[current_property].address;
			$('featured_price').innerHTML = featured_properties[current_property].price;
			$('featured_description').innerHTML = featured_properties[current_property].description;
			transition_div.setStyle('opacity', 0);
			transitioning = false;
		}
	});
	fx.start(0, 1);
}

window.addEvent('domready', function() {
	var header_wrapper = $('header_wrapper');
	
	var transition_div = new Element('div', {'id': 'transition_div'});
	var trans_header = new Element('div', {'id': 'trans_header_wrapper'});
	var trans_p = new Element('p', {'id': 'trans_featured_title'})
	trans_p.injectInside(trans_header);
	var trans_p = new Element('p', {'id': 'trans_featured_address'});
	trans_p.injectInside(trans_header);
	var trans_p = new Element('p', {'id': 'trans_featured_price'});
	trans_p.injectInside(trans_header);
	var trans_p = new Element('p', {'id': 'trans_featured_description'});
	trans_p.injectInside(trans_header);
	trans_header.injectInside(transition_div);
	transition_div.injectAfter(header_wrapper);	
	
	var header_buttons = $('header_buttons');
	var previous_link = new Element('a', {'href': ''});
	previous_link.innerHTML = '&nbsp;';
	var s = new Element('span', {'id': 'previous_button'});
	previous_link.injectInside(s); 
	s.injectInside(header_buttons);
	
	var next_link = new Element('a', {'href': ''});
	next_link.innerHTML = '&nbsp;';
	s = new Element('span', {'id': 'next_button'});
	next_link.injectInside(s);
	s.injectInside(header_buttons);
 	next_link.addEvent('click', function (event) {
		button_clicked = true;
		transition_up();
		var ev = new Event(event);
		ev.stop();
	});
	
	previous_link.addEvent('click', function (event) {
		button_clicked = true;
		transition_down();
		var ev = new Event(event);
		ev.stop();
	});
	
	function auto_transition() {
		if (!button_clicked) transition_up();
	}
	auto_transition.periodical(6000);
});