function loadExercisePanel(day, nameOfMonth) {
    var dayStr = "clickable+day" + day;
    $("div[class='wrapper']").html('<p style="margin:10px; height: 800px; border:0px solid;"><img src="/media/image/spinner.gif" /></p>');
    $("div[class='wrapper']").load('/workout/my_today?day=' + dayStr + '&month_year=' + encodeURIComponent(nameOfMonth), ExercisePanelClickHandler);
}

function loadWorkoutCalendar(nameOfMonth) {
    $("div[class='cal']").html('<p style="margin:10px;"><img src="/media/image/spinner.gif" /></p>');
    $("div[class='cal']").load('/workout/my_today?month_year=' + encodeURIComponent(nameOfMonth) + '&pre_next=cur', WorkoutCalenderClickHandler);
}

function DelExClickHandler() {
    $("#cancel-link").click(function(event) {
		var delId = $(this).attr("delid");
   		$.getJSON("/workout/my_today", { op: "del", id: delId }, function(json) {
			$("#cal-current > span").removeClass();
            var newClass = "empty " + $("#cal-current").attr("class");
            $("#cal-current").removeClass();
            $("#cal-current").addClass(newClass);
            // add handler to add workout into selected day
            $("#cal-current").click(function(event) {
                //alert("add new workout");
                var x = event.pageX - 75;
                var y = event.pageY + 15;
                $("#add-panel").attr("style", "display: block; left: " + x + "px; top: " + y + "px; z-index: 20000; opacity: 0.999999;");
                var dateStr = $(this).attr("date");
                var href= "/workout/my_custom_workout?date=" + dateStr;
                $("#add-panel > a:last").attr("href", href);
                event.preventDefault();
            });
		});
		event.preventDefault();
	});
}

function ExercisePanelClickHandler() {

	$("#tabs > li").click(function(event) {
		// tabs
		$(this).siblings().removeClass();
		$(this).attr("class","active");

		// panel
		$("#workouts > div[id^='panel-']").addClass("exercise-list hide");
		var panelName = "#panel-" + $(this).attr("idx");
		$(panelName).attr("class", "exercise-list");
		event.preventDefault();
	});
	//$("#workout-loading").addClass("hide"); // hide workout-loading image

	// add handler for deleting exercise
	DelExClickHandler();
}

function WorkoutCalenderClickHandler() {
    //var month_year = $("#nameOfMonth").text();
    var month_year = $("#nameOfMonth").attr("month");
	month_year = month_year.replace(/ /g, "+");

	// add handler to switch between different day's workout
	$("#dash_calendar > table > tbody > tr > td[class^='clickable']").click(function(event) {
		var dayNum = $(this).attr("class");
		dayNum = dayNum.replace(/ /g, "+");
		//$("#workout-loading").attr('class', ''); // show workout-loading image
		//$("#workout-loading").removeClass(); // show workout-loading image
        $("div[class='wrapper']").html('<p style="margin:10px;"><img src="/media/image/spinner.gif" /></p>');
		$("div[class='wrapper']").load('/workout/my_today?day=' + dayNum + '&month_year=' + month_year, ExercisePanelClickHandler);

		$("#dash_cal_tbl > tbody > tr > td").removeAttr('id');
		$(this).attr('id', 'cal-current');

		// hide add-panel
		$("#add-panel").attr("style", "display: none; left: ");

		event.preventDefault();
	});

	// add handler to switch different month's workout
    $("#preMonth").click(function(event) {
        $("div[class='cal']").html('<p style="margin:10px;"><img src="/media/image/spinner.gif" /></p>');
   		$("div[class='cal']").load('/workout/my_today?month_year=' + month_year + '&pre_next=pre', WorkoutCalenderClickHandler);

		// hide add-panel
		$("#add-panel").attr("style", "display: none; left: ");

		event.preventDefault();
	});
    $("#nextMonth").click(function(event) {
        $("div[class='cal']").html('<p style="margin:10px;"><img src="/media/image/spinner.gif" /></p>');
   		$("div[class='cal']").load('/workout/my_today?month_year=' + month_year + '&pre_next=next', WorkoutCalenderClickHandler);

		// hide add-panel
		$("#add-panel").attr("style", "display: none; left: ");

		event.preventDefault();
	});

	// add handler to add workout into selected day
	$("#dash_calendar > table > tbody > tr > td[class*='empty']").click(function(event) {
		//alert("add new workout");
		var x = event.pageX - 75;
		var y = event.pageY + 15;
		$("#add-panel").attr("style", "display: block; left: " + x + "px; top: " + y + "px; z-index: 20000; opacity: 0.999999;");
		var dateStr = $(this).attr("date");
		var href= "/workout/my_custom_workout?date=" + dateStr;
		$("#add-panel > a:last").attr("href", href);
		event.preventDefault();
	});
}

function PrintClickHandler() {
	$("#full-tab").click(function(event) {
		$(this).attr("class", "active");
		$("#full-view").attr("class", "active");
		$("#full-view").attr("print", "true");
		$("#compact-view").attr("class", "hide");
		$("#compact-view").attr("print", "false");
		$("#compact-tab").removeClass();
		event.preventDefault();
	})

	$("#compact-tab").click(function(event) {
		$(this).attr("class", "active");
		$("#compact-view").attr("class", "active");
		$("#compact-view").attr("print", "true");
		$("#full-view").attr("class", "hide");
		$("#full-view").attr("print", "false");
		$("#full-tab").removeClass();
		event.preventDefault();
	})

	$("#print-button").click(function(event) {
        //$("#full-view[print='true']").jqprint();
        $("div[print='true']").jqprint();
		event.preventDefault();
    })

}

function AddWorkoutClickHandler() {
	$("#add-panel").click(function(event) {

		event.preventDefault();
	})
}