var PolkaHero = Class.create({
	initialize: function(element, options) {
		this.element = element;
		this.squeezeboxes = element.select('.squeezebox');
		this.squeezeboxes.each(function(sb) {
			sb.para = sb.select('div.sbody')[0];
			sb.sel = sb.select('h1')[0];
			sb.img = sb.select('h1 img')[0];
			
			sb.hidden = true;
			sb.ph_hide = function() {
				if (sb.hidden) return;
				Effect.BlindUp(sb.para, options.animation);
				sb.hidden = true;
				sb.img.src = options.hidden_image;
			};
			sb.ph_show = function() {
				if (!sb.hidden) return;
				Effect.BlindDown(sb.para, options.animation);
				sb.hidden = false;
				sb.img.src = options.shown_image;
			};
		})
		
		if (options.first_cycle) {
			this.first_cycle();
		} else {
			this.bind_events();
			this.squeezeboxes[0].ph_show();
		}
		
	},
	first_cycle: function() {
		var sbs = this.squeezeboxes;
		var count = sbs.length;
		var i = 0;
		var myself = this;
		
		sbs[0].ph_show();
		
		new PeriodicalExecuter(function(pe) {
			var hide_me = i;
			var show_me = (i+1) % count;
			if (i == count) {
				pe.stop();
				myself.bind_events();
				return;
			}
			sbs[hide_me].ph_hide();
			sbs[show_me].ph_show();
			i++;
		}, 1);
	},
	bind_events: function() {
		var sbs = this.squeezeboxes;
		
		for(var i = 0; i < sbs.length; i++) {
			var clicking = sbs[i].sel;
			clicking._hides_these = sbs.without(sbs[i]);
			clicking._shows_this = sbs[i];
			
			var like_this = function(event) {
				var e = event.element();
				if (e.tagName == 'IMG') {
					e = e.parentNode;
				}
				e._hides_these.invoke('ph_hide');
				e._shows_this.ph_show();
			}
			
			clicking.observe('click', like_this);
		}
	}
});