var number = 0;
window.addEvent('domready', function(){
	$('showcase').getElements('.bigimage').each(function(i) {
		i.setStyles({'opacity':'0'});
	});
	$('showcase-nav').getElements('li').each(function(i,x) {
		i.addEvent('click', function(event){
			event.stop();
			showshowcase(x);
			number = x;
		});
	});
	if ($chk($('poll-vote'))) {
	    $('poll-vote').addEvent('submit', function(e) {
		    e.stop();
		    var choice = $('poll-vote').toQueryString();
		    showPollResults(choice);
	    });
	   }
});
window.addEvent('load', function(){
	showshowcase(0);
});
function showshowcase(number) {
	activatethumbnail(number);
	var big = 'showcase-' + number + '-big';
	$('showcase-loader').setStyles({'display':'none'});
	$('showcase').getElements('.bigimage').each(function(i) {
	    var fx = new Fx.Tween($(i), {'duration':'0'});
		if (i.get('id') !== big) {
			fx.start('opacity', '0');
		}
		else {
			fx.start('opacity', '1');
		}
	});
}
function activatethumbnail(number) {
	$('showcase-nav').getElements('li').each(function(i,x) {
		if (x == number) {
			i.addClass('active');
		}
		else {
			i.removeClass('active');
		}
	});
}
function showPollResults(choice) {
	var req = new Request({
		url: 'ajax-poll.aspx?' + choice,
		method: 'get',
		onRequest: function() {
			$('poll').set('html', '<div class="loader"><img src=\'/images/ajax-loader.gif\' width=\'31\' height=\'31\' alt=\'Loading\' /></div>');
		},
		onSuccess: function(responseText) {
			$('poll').set('html', responseText);
			bars();
		}
	}).send();
}
function bars() {
	$('poll-results').getElements('li').each(function(y) {
		var bar = y.getElement('.results');
		var percent = y.getElement('.percent').get('html').replace('%','');
		var fx = new Fx.Tween(bar, {'duration':'long'});
		fx.start('background-position', '-190px', -190 + parseInt((percent*.01)*190) + 'px');
	})
}