jQuery(document).ready(function(){
	
	$("#screen1").load(MyAjax.ajaxurl, { action: 'get_the_data', screen: 1 },function() {
		function scrollWin(){
		/*	$('html, body').animate({
				scrollTop: $("#scrollToHere").offset().top
			}, 2000); */
			$('html,body').animate({scrollTop: $('#screen2').offset().top}, 2000);
		}
	//	$(".clickme").live("click", function(){});
	
		$('#tabs').tabs();	
	
		$('#screen1 .clickme').click(function(){
			
			var activity_name = $(this).html();
		//	pageTracker._trackPageview('/times/select_an_activity/'+activity_name);
			_gaq.push(['_trackEvent', '/times/select_an_activity/'+activity_name, 'Level 1', activity_name]);
			
			unbind_screen2();
			
			group_id 	='';
			type_id 	='';
	
			// show the next block
			$('#screen3').slideUp("slow").html("");
			$('#screen2').slideUp("slow").html("<div class='ajax-load'><\/div>");
			$('#screen2').slideDown("slow");
			
			group_id = $(this).attr('href');
		//	alert('Screen 1 - GID: ' + group_id);
		
			// highlight the button clicked
			$('#screen1 .clickme').removeClass('selected');
			$(this).addClass('selected');
		
			
			$("#screen2").load(MyAjax.ajaxurl, { action: 'get_the_data', screen: 2, groupid: group_id },function() {
	
				$('#screen2 .clickme_type').click(function(){
				//	alert('GID from Screen 1 inside Screen 2: ' + group_id);
					var activity_type_name = $(this).children('.type_name').html();
				//	pageTracker._trackPageview('/times/select_an_activity_type/'+activity_type_name);
					_gaq.push(['_trackEvent', '/times/select_an_activity_type/'+activity_type_name, 'Level 2', activity_type_name]);
					
					var act_type_name = $(this).html(); 
					
					
					// highlight the button clicked
					$('#screen2 .clickme_type').removeClass('selected');
					$(this).addClass('selected');
					
					$('#screen3').slideUp("slow").html("<div class='ajax-load'><\/div>");
					
					type_id = $(this).attr('href');
					
					// run this, baby
					run3(type_id, act_type_name);

					return false;
				});
			
				// scroll to the next block
			//	if ( myScroll == undefined ) {
					$('html,body').animate({scrollTop: $('#screen2').offset().top}, 2000);
			//	} else {
			//		myScroll.scrollToElement('#screen2', 2000);
			//	}
				
			});
	
			return false;
		});
	});
	
	function run3(type_id, type_name)
	{
		var t_type_id = type_id;
		var t_type_name = type_name;
	
		$("#screen3").load(MyAjax.ajaxurl, { action: 'get_the_data', screen: 3, typeid: type_id, type_name: t_type_name },function() {
		
		
			/*
				RELOAD THE 3rd SCREEN AFTER A SELECTION HAS BEEN MADE
			*/
			function reload3()
			{
				$('#screen3').html("<div class='ajax-load'><\/div>");
				run3(t_type_id, t_type_name); // reload yourself
				return false;
			}

		
		//	alert('screen 3 loaded');
			$("#tabs").tabs();
			
			$("#month_list li a").click(function(){
				var month_tab_name = $(this).children('span').children('.month').html();
				var year_tab_name = $(this).children('span').children('.year').html();
				var activity_type_name = $(this).children('.type_name').html();
			//	pageTracker._trackPageview('/times/select_an_activity_type/'+activity_type_name+'/'+year_tab_name+'_'+month_tab_name);
				_gaq.push(['_trackEvent', '/times/select_an_activity_type/'+activity_type_name+'/'+year_tab_name+'_'+month_tab_name, 'Level 3 - Month Tab', year_tab_name+'_'+month_tab_name]);
			});

			$(".pick").toggle(
			  function () {
				orig_text = $(this).text();
				$(this).text('hide again');
				var pval = $(this).parent('div').parent('.timeblock');
				pval.children('.ins_specific_ts').slideDown("slow");

			  },
			  function () {
				$(this).text(orig_text);
				var pval = $(this).parent('div').parent('.timeblock');
				pval.children('.ins_specific_ts').slideUp();

			  }
			);
			
			$('.buy_lesson').click(function(e){
				
				$('#screen3-message').slideUp('slow');
				$('#screen3').slideUp('slow').slideDown('slow').html(function() {
					return "<div class='ajax-load'><\/div>";
				});

				
			//	alert($(this).parent('li').children('.micro_slots').find("input").val());
				
				// price
				var p_list_val 				= $(this).attr('id');
				var p_list_val_arr			= p_list_val.split('___');
				var p_list_val_arr_length	= p_list_val_arr.length;
				var p_list_arr 				= new Array(p_list_val_arr_length);
				var p_list_val2;
				for (var i = 0; i < p_list_val_arr_length; i++) {
					p_list_val2 = p_list_val_arr[i].split('-');
					var p_list_key 	= p_list_val2[0];
					var p_list_v 	= p_list_val2[1];
					p_list_arr[p_list_key] = p_list_v;
				}
				var pid = p_list_arr['pid'];

				// details
				var $hidden_val_obj 		= $(this).parent('li').find("input[name*='msradio']:checked");
				var list_val	 			= $hidden_val_obj.val();
				var list_val_arr			= list_val.split('__');
				var list_val_arr_length		= list_val_arr.length;
				var list_arr 				= new Array(list_val_arr_length);
				var list_val2;
				for (var i = 0; i < list_val_arr_length; i++) {
					list_val2 = list_val_arr[i].split('=');
					var list_key 	= list_val2[0];
					var list_v 	= list_val2[1];
					list_arr[list_key] = list_v;
				}
		
				var acttype = list_arr['acttype'];
				var ins_id = list_arr['ins'];
				var level = list_arr['l'];
				var micro_starttime = list_arr['st'];
				var uid = list_arr['uid'];
				var duration = list_arr['duration'];
				
			//	alert("acttype= "+acttype+"\n"+"ins_id= "+ins_id+"\n"+"level= "+level+"\n"+"micro_starttime= "+micro_starttime+"\n"+"uid= "+uid+"\n"+"pid= "+pid);
				
				// json encode the data
				var jsondata = {action: "basket_add_pvt_lesson", acttype: acttype, ins_id: ins_id, level: level, micro_starttime: micro_starttime, duration: duration, uid: uid, pid: pid};
			
				// send to script
				$.ajax({
					url: MyAjax.ajaxurl, 
					type: 'POST',
					data: jsondata,
					timeout: 125000, 
					error: function(rtrn) {
					//	alert('FAILED: \n' + rtrn);
						console.log('Failed to submit form Private Lesson add to Basket.');
						console.log(rtrn);
					}, 
					success: function(rtrn) {
					//	alert('SUCCESS: \n' + rtrn);
						// run modal func
						msg_cart_updated(rtrn);
					}
				});
			
				
				function msg_cart_updated(rtrn)
				{
					var obj = jQuery.parseJSON(rtrn);
					var rtrn_code = obj.code;
					
				//	alert('CODE: ' + rtrn_code + ' error: ' + obj.error['message'] );
					// chk if update was successful
					
					if ( rtrn_code == 1 ) {
						$('#screen3-message').slideDown('slow').html(function() {
							// scroll to the next block
						//	if ( myScroll == undefined ) {
								$('html,body').animate({scrollTop: $('#screen3-message').offset().top}, 2000);
						//	} else {
						//		myScroll.scrollToElement('#screen3-message', 2000);
						//	}
							return "<div id='close_s3_msg' class='close-button-icon'></div><h2>Your <a href='/cart/' class='view-cart' class=''>cart</a> has been updated.</h2>";
						});
					} else {
						var rtrn_err_msg = obj.error['message'];
						$('#screen3-message').slideDown('slow').html(function() {
							// scroll to the next block
						//	if ( myScroll == undefined ) {
								$('html,body').animate({scrollTop: $('#screen3-message').offset().top}, 2000);
						//	} else {
						//		myScroll.scrollToElement('#screen3-message', 2000);
						//	}
							return "<h3>There was an error.</h3> <p>" + rtrn_err_msg + "</p>";
						});
					}
					reload3();
					
					$('#close_s3_msg').click(function(){
						$('#screen3-message').slideUp();
					});
					
					return false;
				}
				return false;
			});
		});
		
		// show the next block
		$('#screen3').slideDown("slow");

		// scroll to the next block
	//	if ( myScroll == undefined ) {
			$('html,body').animate({scrollTop: $('#screen3').offset().top}, 2000);
	//	} else {
	//		myScroll.scrollToElement('#screen3', 2000);
	//	}
	}
	
});

function unbind_screen2() {
	group_id = '';
	$('.clickme_type').unbind();
}