var pe;

sliderLoad = function (e) {
	sliderElements = $$('.slides li');
	if (!sliderElements || sliderElements.length==0) {
		return;
	}
	$$('.slides a.slider').each (function(a){a.observe('click',sliderClick);});
	pe = new PeriodicalExecuter(sliderAutoClick,4); 
}

sliderClick = function (e) {
	Event.stop(e);
	
	if (pe) {
		pe.stop();
		pe = false;
	}
	
	el = Event.element(e);
	$$('.slides li.active').each(function (a) {a.removeClassName('active'); });
	
	listItem = el.up('LI');
	listItem.addClassName('active');
	listItem.down('div.box').setStyle({display:'block'});
}

sliderAutoClick = function () {
	activeElement = $$('.slides li.active').first();
	
	if (activeElement.next()) {
		target = activeElement.next();
	} else {
		if ($$('.slides li').length < 2) {
			return;
		}
		target = $$('.slides li').first();
	}
	
	target.down('div.box').setStyle({display:'block'});
	
	new Effect.Fade(target.down('div.box'),{
		duration: 1,
		from: 0,
		to:1,
		beforeStart: function () {
			target.down('div.box').setOpacity(0);
			target.addClassName('active');
			return false;
		}
	});
	
	new Effect.Fade(activeElement.down('div.box'),{
		duration: 1,
		afterFinish: function () {
			activeElement.down('div.box').setOpacity(1);
			activeElement.removeClassName('active');
			activeElement.down('div.box').removeAttribute('style');
		}
	});
}

document.observe('dom:loaded',sliderLoad);

document.observe('dom:loaded', function () {
	if ($$('html.ie6, html.ie7, html.ie8').length==0) {
		return;
	}
	
	var Placeholder = Class.create({
	    initialize: function (element) {
	        this.element = element;
	        this.placeholder = element.readAttribute('placeholder');
	        this.blur();
	        Event.observe(this.element, 'focus', this.focus.bindAsEventListener(this));
	        Event.observe(this.element, 'blur', this.blur.bindAsEventListener(this));
	    },
	    focus: function () {
	        if (this.element.hasClassName('placeholder'))
	            this.element.clear().removeClassName('placeholder');
	    },
	    blur: function () {
	        if (this.element.value === '')
	            this.element.addClassName('placeholder').value = this.placeholder;
	    }
	});
	
	$$('input[placeholder]').each(function (input) {
    	new Placeholder(input);
	});
});