document.observe("dom:loaded",function(){
	// XHTML 1.0 Strict work around for external links
	$$('a[rel*="external"]').each(function(e){
		e.writeAttribute("target","_blank");
	});

	// Automatic text clear
	$$('input.clearField').each(function(e){
		e.observe('focus',function(){
			this.value = "";
		}).observe('blur',function(){
			if(this.value == "") {
				this.value = this.defaultValue;
			}
		});
	});

	// Image roll-over setup
	$$('img.rollOver, input[type="image"].rollOver').each(function(e){
		e.observe('mouseover',function(){
			if (this.src.indexOf("_i.") != -1) {
				this.src = this.src.replace("_i.", "_o.");
			}
		}).observe('mouseout',function(){
			if (this.src.indexOf("_o.") != -1) {
				this.src = this.src.replace("_o.", "_i.");
			}
			if(this.src.indexOf("_a.")) {
				this.src = this.src.replace("_a.","_i.");
			}
		})
		if(e.match("input")) {
			e.observe('mousedown',function(){
				this.src = this.src.replace("_o.","_a.");
			}).observe('mouseup',function(){
				this.src = this.src.replace("_a.","_i.");
			});
		}
	});
	
	if($('signup_form') && $('account_type')) {
		$('account_type').hide();
		//$('id_submit-free').observe('click',function(){
		//	$('id_paidaccount').checked = false;
		//});
		//$('id_submit-paid').observe('click',function(){
		//	$('id_paidaccount').checked = true;
		//});
	}
	
	if($('li_subscription-plan-type')) {
		$('li_subscription-plan-type').hide();
		$$('ul#pricing li a').each(function(e){
			e.writeAttribute("href","javascript:void(null);").observe('click',function(){
				switch(e.identify()) {
					case "choose25":
						choose = "Up to 2,500";
					break;
					case "choose49":
						choose = "Up to 5,000";
					break;
					case "choose99":
						choose = "Up to 10,000";
					break;
					case "choose199":
						choose = "Up to 25,000";
					break;
					case "choose349":
						choose = "Up to 50,000";
					break;
				}
				$('id_subscription-plan-type').select('option').each(function(opt){
					if(opt.value == choose) {
						opt.writeAttribute("selected","selected");
					} else {
						opt.removeAttribute("selected");
					}
				});
				$$('ul#pricing li a').each(function(a){
					if(a.identify() == e.identify()) {
						a.addClassName("selected");
					} else {
						a.removeClassName("selected");
					}
				});
			});
		})
	}
	if($('btn_features_next')){
		$('btn_features_next').observe('click',function(e){
			if(!$('features').hasClassName('animating')){
				$('features').addClassName('animating');
				featureNext();
			}
		});
	}
	if($('btn_features_next')){
		$('btn_features_previous').observe('click',function(e){
			if (!$('features').hasClassName('animating')) {
				$('features').addClassName('animating');
				featurePrev();
			}
		});
	}
	if($('feature_nav')){
		$$('#feature_nav li a').each(function(e){
			e.observe('click',function(){
				var navIndex = ($(this).up().id.split('_')[1])-1;
				moveFeatures((0-(navIndex*($('feature_wrapper').getDimensions().width))));
			});
		});
	}
	if($('demo_whatischamp')){
		$('vid_play').writeAttribute("href","javascript:void(null);");
		videoHTML = $('vid_holder').innerHTML;
		$('vid_play').observe('click', function(){
			//$('demo_whatischamp').update(videoHTML);
			$('demo_whatischamp').insert({bottom : videoHTML});
			$('vid_play').slideUp({duration: 2.0});
		});
	}

});
function featureNext(){
	leftPos = $('features').positionedOffset().left;
	if(leftPos > -4300){
		newLeftPos = leftPos - 860;
		moveFeatures(newLeftPos);
	} else {
		newLeftPost = 0;
		moveFeatures(0);
	}
}
function featurePrev(){
	leftPos = $('features').positionedOffset().left;
	if(leftPos < 0){
		newLeftPos = leftPos + 860;
		moveFeatures(newLeftPos);
	} else {
		newLeftPost = 0;
		moveFeatures(-4300);
	}
}
function moveFeatures(leftVal){
	var navIndex = ((0-leftVal)/($('feature_wrapper').getDimensions().width))+1;
	$$('#feature_nav li').each(function(e){
		if(e.id == "nav_"+navIndex){
			e.select('a')[0].addClassName('active');
		}else{
			e.select('a')[0].removeClassName('active');
		}
		$('feature_nav').className = 'active_'+navIndex;
	});
	new Effect.Morph('features',{style:{left: leftVal+'px'},duration: 0.5,transition: Effect.Transitions.sinoidal, afterFinish: function(){
		$('features').removeClassName('animating');
	}});
}