//LOGIN FORM
window.addEvent('domready', function() {
   var toggleMe =  new Fx.Slide('Login_Bar',
      {duration: 200,
        }
   );
   toggleMe.hide();
   $('Login_btn').addEvent('click', function(e) {
      e.stop();
      toggleMe.toggle();
   });
});

//HOME ACCORDION
window.addEvent('domready', function() {
	var myMenu2 = new Accordion('div.Home1', 'div.Home2', {
		
		duration: 200,
		
		onActive: function(toggler, element) {
			toggler.setStyle('color', '#fff'); 
			toggler.setStyle('border-bottom', 'none');
		},
		
		onBackground: function(toggler, element) {
			toggler.setStyle('color', '#fff');
			toggler.setStyle('border-bottom', 'solid #f6f3ed 1px');
		}
		
	}
	);

});
//HOME ACCORDION HIGHLIGHT
window.addEvent('domready', function(){
	var el = $$('.posts2 li'),
		color = el.getStyle('backgroundColor');
 
	$$('.posts2 li').addEvents({
		mouseenter: function(){
			this.setStyle('cursor','pointer');
 			this.setStyle('background-color','#f0f0f0');
		},
		mouseleave: function(){
			this.setStyle('background-color','#fff');
		}
	});
 
 	var link = $$('.posts2 li a');
	link.each(function(element) {
		element.getParent().addEvent('click', function(){
			window.location = element.get('href');
		});
	});
});

//ABOUT ACCORDION
window.addEvent('domready', function() {
	var myMenu2 = new Accordion('div.About1', 'div.About2', {
		
		duration: 200,
		
		onActive: function(toggler, element) {
			toggler.setStyle('color', '#fff'); 
			toggler.setStyle('background', '#f03232');
			toggler.setStyle('border-bottom', 'none');
		},
		
		onBackground: function(toggler, element) {
			toggler.setStyle('color', '#fff');
			toggler.setStyle('background', '#7a7a7a');
			toggler.setStyle('border-bottom', 'solid #f6f3ed 1px');
		}
		
	}
	);

});

//FAQ ACCORDION
window.addEvent('domready', function() {
	var myMenu = new Accordion('div.Help_Q', 'div.Help_A', {
		
		duration: 200,
		
		onActive: function(toggler, element) {
			toggler.setStyle('color', '#fff'); 
			toggler.setStyle('background', '#bb7301');
			toggler.setStyle('border-bottom', 'none');
		},
		
		onBackground: function(toggler, element) {
			toggler.setStyle('color', '#fff');
			toggler.setStyle('background', '#7a7a7a');
			toggler.setStyle('border-bottom', 'solid #f6f3ed 1px');
		}
		
	}
	);

});

//PROJECTS ACCORDION
window.addEvent('domready', function() {
	var myMenu3 = new Accordion('div.Projects1', 'div.Projects2', {
		
		duration: 200,
		display: 0,
		
		onActive: function(toggler, element) {
			toggler.setStyle('color', '#fff'); 
			toggler.setStyle('background', '#586881');//d2dceb 73829a 586881
			toggler.setStyle('border-bottom', 'none');
			element.setStyle('border-bottom', 'solid #f6f3ed 1px');
		},
		
		onBackground: function(toggler, element) {
			toggler.setStyle('color', '#fff');
			//toggler.setStyle('background', '#7a7a7a');73829a
			toggler.setStyle('border-bottom', 'solid #f6f3ed 1px');
			element.setStyle('border-bottom', 'none');
		}
		
	}
	);

});

//CLIENT SIDE FORM VALIDATOR FOR SIMPLE FORMS
window.addEvent('domready', function(){
	var myFormValidator = new FormValidator($('simple_form_top'), {
			onFormValidate: function(ok) {
				if (!ok) {
					$('simple_form_top').getElements('.validation-failed').each( function(el) {
					})
				}
			},
			stopOnFailure:true,
			evaluateFieldsOnBlur:false
	});
})

window.addEvent('domready', function(){
	var myFormValidator = new FormValidator($('simple_form'), {
			onFormValidate: function(ok) {
				if (!ok) {
					$('simple_form').getElements('.validation-failed').each( function(el) {
					})
				}
			},
			stopOnFailure:true,
			evaluateFieldsOnBlur:false
	});
})



//PLACEHOLDER TEXT IN FORM INPUT
window.addEvent('domready', function(){
   // for markup #1
   $$('input[placeholder]').each(function(el){
      new PlaceholderInput(el);
   });
 
   // for markup #2
   $$('label.placeholder').each(function(el){
      var target = $pick($(el.get('for')), el.getNext());
      if (target && (target.get('type') == 'text' || target.get('tag') == 'textarea')){
      	target.set('placeholder', el.get('text'));
      	el.destroy();
      	new PlaceholderInput(target);
      }
    });
});

//TEXT COUNTER
window.addEvent('domready', function() {
	$('myInput').addEvent('keyup', function() {
		max_chars = 140;
		/* get the current value of the input field */
		current_value = $('myInput').value;
		/* get current value lenght */
		current_length = current_value.length;
		/* calculate remaining chars */
		remaining_chars = max_chars-current_length;
	$('counter_number').innerHTML = remaining_chars;
	});
});