// JavaScript Document
var Form = new Class({
	show: function(){
			this.optionGroup.setStyle('display','block');
			this.optionGroup.set('class','shown');
			
	},
	hide: function(){
			this.optionGroup.setStyle('display','none');
			this.optionGroup.set('class','hidden');
	},
	hover: function(){
		this.optionGroup.getElements('li').addEvent('mouseover', function(){
		this.setStyle('background','#ccc');													   
    });
		this.optionGroup.getElements('li').addEvent('mouseout', function(){ 
		this.setStyle('background','#666565');												   
    });

	},

	optgrpToggle: function(){
	var fakeInput = this.fakeInput;
	var selectRelease = this.selectRelease;
	this.hover();	
	var state;
	var optgroup;
	var firstOption = this.firstOption;
	 optgroup = this.optionGroup;
	 
		state = optgroup.get('class');
			if(state == 'hidden'){
				this.show();
			}
			if(state == 'shown'){
				this.hide();
			}
	this.optionGroup.getElements('li').addEvent('click', function(){
        var activ;
		activ = this.get('html');	
		
		fakeInput.set('value',activ);
		firstOption.set('text',activ);
		optgroup.setStyle('display','none');
		optgroup.set('class','hidden');
    });
	function hide2(){
		optgroup.setStyle('display','none');
		optgroup.set('class','hidden');
		
	
	}	
	var leave;
		optgroup.addEvent('mouseleave',function(){
					  	leave = hide2.delay('100');
	});
		optgroup.addEvent('mouseenter',function(){
					  	$clear(leave);
	});
	$$('.opt_first').addEvent('mouseleave',function(){
					  leave = hide2.delay('100');
	});

		$$('.opt_first').addEvent('mouseenter',function(){
					  	$clear(leave);
	});
		
		
	},
	checkboxToggle: function(){
	var chbImageOn = this.chbImageOn;
	var chbImageOff = this.chbImageOff;
	var chbId = this.chbId;
	var chbToogler = this.chbToogler;
	var chbFakeImput = this.chbFakeImput;
	var chbx;
	
		chbToogler.addEvent('click', function(){
			state = chbId.get('class');
			if(state == 'checked'){
				chbSrc = chbImageOff;
				chbId.getElement('img').set('src',chbSrc);
				chbId.set('class','unchecked');
				chbx = '';
				
			}
			if(state == 'unchecked'){
				chbSrc = chbImageOn;
				chbId.getElement('img').set('src',chbSrc);
				chbId.set('class','checked');
				chbx = 'checked';
			}
//			chbFakeImput.set('checked',chbId.get('name'))
			chbFakeImput.set('checked',chbx)
	 	});
		

		chbToogler.addEvent('mouseenter', function(){
			//chbToogler.setStyle('opacity',0.5);	
			var myEffect = new Fx.Morph(this, {duration: 200, transition: Fx.Transitions.Sine.easeOut});
			myEffect.start({
						   'opacity':0.5
						   });
		});
		chbToogler.addEvent('mouseleave', function(){
			//chbToogler.setStyle('opacity',1);	
			var myEffect = new Fx.Morph(this, {duration: 200, transition: Fx.Transitions.Sine.easeOut});
			myEffect.start({
						   'opacity':1
						   });

		});

	},
	fakeFile: function(){
		$$('.fileImput').addEvent('change', function(e){
				var val = this.get('value');	
				this.getNext().set('value',val);
	   });
	}
});