




$('over-link').addEvent('click', function (event) {
	event = new Event(event).stop();
	scroll.toElement('over');
	clearAll('over');
	$('main').setStyles({
		'overflow': 'hidden',
		'height': '1300px'
	});
});


$('price-link').addEvent('click', function (event) {
	event = new Event(event).stop();
	scroll.toElement('price');	
	clearAll('price');
	$('main').setStyles({
		'overflow': 'hidden',
		'height': '680px'
	});
});


$('signup-link').addEvent('click', function (event) {
	event = new Event(event).stop();
	scroll.toElement('signup');
	clearAll('signup');
	$('main').setStyles({
		'overflow': 'hidden',
		'height': '680px'
	});
});


$('support-link').addEvent('click', function (event) {
	event = new Event(event).stop();
	scroll.toElement('support');
	clearAll('support');
	$('main').setStyles({
		'overflow': 'hidden',
		'height': '1200px'
	});	
});


$('main').setStyles({
	'overflow': 'hidden',
	'height': '1300px'
});


function clearAll(id) {
	var menuItem = $$('#menu li a.active');
	menuItem.each(function(item) {
		item.removeClass('active');
	});
	
	$(id + '-link').addClass('active');
}

var scroll = new Fx.Scroll('main', {
  wait: false,
  duration: 600,
  transition: Fx.Transitions.Sine.easeInOut
});


var hrefsToSignUp = $$('a.signup');
hrefsToSignUp.each(function(href) {
	href.addEvent('click', function (e) {
		e = new Event(e).stop();
		scroll.toElement('signup');
		clearAll('signup');
		$('plan-select').value = this.getAttribute('name');
	});
});








image1 = new Image();
image1.src = "/pagemedia/smenu/hover/faq.png";
image2 = new Image();
image2.src = "/pagemedia/smenu/hover/contact.png";
image3 = new Image();
image3.src = "/pagemedia/smenu/hover/docs.png";



 
var faqSlide = new Fx.Slide('myFaq');

var contactSlide = new Fx.Slide('myContact');

var docsSlide = new Fx.Slide('myDocs');

 
$('showMyFaq').addEvent('click', function(e){

	e = new Event(e);
	contactSlide.slideOut();
	e.stop();
	e = new Event(e);
	docsSlide.slideOut();
	e.stop();

	e = new Event(e);
	faqSlide.slideIn();
	e.stop();
	
	$('main').setStyles({
		'overflow': 'hidden',
		'height': '1200px'
	});
});


$('showMyContact').addEvent('click', function(e){
	e = new Event(e);
	faqSlide.slideOut();
	e.stop();
	e = new Event(e);
	docsSlide.slideOut();
	e.stop();
	e = new Event(e);
	contactSlide.slideIn();
	e.stop();
	
	$('main').setStyles({
		'overflow': 'hidden',
		'height': '600px'
	});
	
});

$('showMyDocs').addEvent('click', function(e){
	e = new Event(e);
	faqSlide.slideOut();
	e.stop();
	e = new Event(e);
	contactSlide.slideOut();
	e.stop();
	e = new Event(e);
	docsSlide.slideIn();
	e.stop();
	
	$('main').setStyles({
		'overflow': 'hidden',
		'height': '600px'
	});
}); 






/* onscroll = new Event('onscroll').stop(); */

/* window.addEvent('onscroll)', function (e) {e = new Event(e).stop()}); */


 
/*
$('slideout').addEvent('click', function(e){
	e = new Event(e);
	faqSlide.slideOut();
	e.stop();
});
 
$('toggle').addEvent('click', function(e){
	e = new Event(e);
	faqSlide.toggle();
	e.stop();
});
 
$('hide').addEvent('click', function(e){
	e = new Event(e);
	faqSlide.hide();
	e.stop();
});
*/