var rating;
//var map = null;

window.addEvent('domready', function() {
	
	var myAccordion = new Accordion($$('.op-tog'), $$('.op-info'), {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('background-color', '#8674B6');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('background-color', '#C2B9DA');
		}
	});
	
	var commentPrompt = "What was it like?";
	// make the comment input box change when focused
	$('comment-input').set({
		'text': commentPrompt,
		'events': {
			'click': function(el) {
				if(el.target.value == commentPrompt || el.target.textLength == 0) {
					el.target.set({
						'rows': 3,
						'text': null,
						'styles': {
							'color': '#000' 
						}
					});
				}
				new Fx.Reveal($('more-form')).reveal();
				
			},
			'blur': function(el) {
//				console.log(el);
				if(el.target.textLength == 0) {	
					el.target.set({
						'rows': 2,
						'text': commentPrompt,
						'styles': {
							'color': '#C4C4C4' 
						}
					});
				}
			}
		}
	});
	
	// slider
	var el = $('rating'), score = $('score');
	
	rating = $('score').get('html') == -1 ? 50 : $('score').get('html');

	input_score = new Element('input',{'type':'hidden','value':rating});
	
	$('formReview').adopt(input_score);
	
	// Create the new slider instance
	new Slider(el, el.getElement('.knob'), {
		steps: 100,
		onChange: function(value){
			value = value / 10;
			score.set('text', value);
			input_score.set('text', value);
			if(value % 2) {
				buildRummbleButtons();
			}
		}
	}).set(rating);
	
	$('formReview').addEvent('submit', function(el) {
		
		el.stop();
		console.log(el);
		
		this.set('send', { onComplete: function(response) {
			console.log(response);
		}});
		
		this.send();
		
	});
	
});

/* remove once method in base.js can be accessed on Chrome */
function buildRummbleButtons() {
	
	$$('p.rating').each(function(el){
		
		if(el.get('html') > 0) {
			shift = 100 - el.get('html') * 10;
//			console.log('0 ' + shift + 'px');
			el.setStyles({
				'background-position':'0 -' + shift + 'px',
				'background-image':'url(/images/gradient.gif)',
				'border-width':'0'
			});
					
		} else {
			el.setStyles({
				'background':'#fff',
				'border':'1px solid #8674b6'
			});
			
		}
			
	});
}