/* Toggle / Slide function for the 'Apply Now' section */
window.addEvent('domready', function() {

	//Elements
	var toggler = $('selectOtherCard');
	var parentDiv = $('selectOtherCardForm');
	var childDiv = $('selectOtherCardFormChild');
	var radioList = $$('input[name=selectCard]');
	
	if (radioList.length < 2 && toggler) {
		toggler.setStyle('cursor','auto');
	}

	//Height calculations
	var divOffset = parentDiv.getStyle('height');
	divOffset = Math.abs(divOffset.replace("px","")) + 1 + "px";
	var negDivOffset = "-" + divOffset; // Negative version


	//Toggle functions
	var isOpen;
	if (productSelected) {
		isOpen = false;
		childDiv.setStyle('margin-top', negDivOffset);
		parentDiv.setStyle('height', "0px");
		if (radioList.length > 1) collapse();
	} else {
		isOpen = true;
		if(toggler) {
		toggler.addClass('active');
		}
		else {
			isOpen = false;
			childDiv.setStyle('margin-top', negDivOffset);
			parentDiv.setStyle('height', "0px");
			
		}
		
	}

	if(toggler) {
	toggler.addEvent('click', function(e){
		e.stop();
		if (radioList.length > 1) {
		if(!isOpen) expand();
		else collapse();
		}
	});
	}

	$$('input[name=selectCard]').addEvent('click', function(e) {
		window.location = "" + this.get('value').toString().replace(".xml",".aspx");
	});

	function collapse() {
		parentDiv.tween('height', [divOffset, "0px"]);
		childDiv.tween('margin-top', ["0px", negDivOffset]);
		if(toggler) {
		toggler.removeClass('active');
		}
		isOpen = false
	}

	function expand() {
		parentDiv.tween('height', ["0px", divOffset]);
		if(toggler) {
		toggler.addClass('active');
		}
		childDiv.tween('margin-top', [negDivOffset, "0px"]);
		isOpen = true
	}
	

	
	if (JSON.decode(Cookie.read('describeOption'))) {
		var ele = JSON.decode(Cookie.read('describeOption'));
		var elem = ele.replace('describe','l_netbank');
		if($(ele)) {
			$(elem).checked = false;	
		}
	}


})


/* Tabbing function for the 'Select which best describes you' section */
window.addEvent('domready', function() {

	$$('input[name=selectDescribeForm]').addEvent('click', function(e) {
		$$('.selectDescribeTab').setStyle('display','none');
		var ele = this.get('value');
		Cookie.write('describeOption', JSON.encode(ele), {duration: 1});
		$(ele).setStyle('display','block');
	});
})