// Show hide the different plan durations

$(function(){
		
		// I only fire when a duration is passed along the url
		
		var durationCount = $(".duration").get();
		var durationlistLength = durationCount.length;
		
		for (var i = 0; i < durationlistLength; i++) {
			var curDuration =  $(durationCount[i]).attr("checked");
			var checkValue = '';
			
			if (curDuration == true) {
				checkValue = $(durationCount[i]).attr("value");
				
				var curObj = 'duration' + checkValue;
				var curObjDisplay = $('.'+curObj).css('display');
		
				if (curObjDisplay == 'list-item') {
					$('.'+curObj).hide();
				}
				
			    var lis = $("#pricePlan>li").get();
				var lislength = lis.length;
		 		
				for (var i = 0; i < lis.length; i++) {
					
					var curClass = $(lis[i]).attr('class');
		            
					if (curClass != curObj) {
						$('.'+curClass).hide();
					}
					else {
						$('.'+curClass).fadeIn('slow'); 
					}
				}
					break;
			}
			else {			
				checkValue = 'null'
			}
		}
		
		// I fire when the user selects a duration
		
		$('.duration').click(function(evt){
	
			var curDuration = $(this).attr('value');
			
			if (!curDuration) {
				var curDuration = $(this).attr('id');	
			}
			
			var curObj = 'duration' + curDuration;
			var curObjDisplay = $('.'+curObj).css('display');
	
			if (curObjDisplay == 'list-item') {
				$('.'+curObj).hide();
			}
			
		    var lis = $("#pricePlan>li").get();
			var lislength = lis.length;
	 		
			for (var i = 0; i < lis.length; i++) {
				
				var curClass = $(lis[i]).attr('class');

				if (curClass != curObj) {
					$('.'+curClass).hide();
				}
				else {
					$('.'+curClass).fadeIn('slow'); 
				}
			}
		});
		
// Show hide the full detail expanding panels

	$('.fullDetails').click(function(evt){ 
	
		var curId 	  = $(this).attr('id');
		var curObj 	  = 'infoDiv_'+curId;
		var curState  = $(this).html();
		var closeTxt  = 'Close';
		var openTxt   = 'View plan details';
		
		var curPlan   = 'plan_'+curId;

		$('#'+curObj).slideToggle("fast");
		
		//change the state of the button and the bottom border
		if (curState != closeTxt){ //open
			$(this).html(closeTxt);
			$('#'+curPlan).css({'border-color' : '#FFFFFF'});
			$('#fadeContent_'+curId).fadeIn("slow")
		}
		else { //closed
			$(this).html(openTxt);
			$('#'+curPlan).css({'border-bottom' : '1px dotted #CCCCCC'});
			$('#fadeContent_'+curId).fadeOut("slow")
		}
	});
	
			
});