$(document).ready(function() {
	$(".calendar_background_list a").click(function() {
		var old_id = $(".calendar_background_list a.sel").attr("id");
	    var id = $(this).attr("id");
	    $(".calendar_background_list a.sel").removeClass("sel");
	    $(this).addClass("sel");
//	    alert("id=" + id + "\n" +
//				"old_id=" + old_id);
	    if (id != old_id){
		    selectBackground(id);
		}
	    return false;
	});
	$(".calendar_design_list a").click(function() {
		var old_id = $(".calendar_design_list a.sel").attr("id");
	    var id = $(this).attr("id");
	    $(".calendar_design_list a.sel").removeClass("sel");
	    $(this).addClass("sel");
//	    alert("id=" + id + "\n" +
//				"old_id=" + old_id);
	    if (id != old_id){
		    selectCalendar(id);
		}
	    return false;
	});
	$(".calendar_btn a").click(function() {
	    var id = $(this).attr("id");
//	    alert('id='+id);
	    download(id);
	    return false;
	});
});

function selectBackground(key){
	var background = key;
	var calendar = $(".calendar_design_list a.sel").attr("id");
	createPreview(background, calendar);
}

function selectCalendar(key){
	var calendar = key;
	var background = $(".calendar_background_list a.sel").attr("id");
	createPreview(background, calendar);
}

function createPreview(background, calendar){
//	alert("background=" + background + "\n" +
//			"calendar=" + calendar + "\n");
	jQuery.post("./calendarDownload.php",
					{
						cmd: "preview",
						background: background,
						calendar: calendar
					},
					function(data){
//						alert(data);
						var timestamp = new Date().getTime();
						$("#calendar_preview").attr("src", data + "?" + timestamp).fadeIn();
					});
}

function download(width){
	var calendar = $(".calendar_design_list a.sel").attr("id");
	var background = $(".calendar_background_list a.sel").attr("id");
//	alert("background=" + background + "\n" +
//			"calendar=" + calendar + "\n" +
//			"width=" + width + "\n");
	if (background == null){
		alert("Please select the background.");
		return false;
	}
	if (calendar == null){
		alert("Please select the calendar design.");
		return false;
	}
	/*
	jQuery.post("./calendarDownload.php",
					{
						cmd: "download",
						background: background,
						calendar: calendar,
						width: width
					},
					function(data){
//						alert(data);
						var timestamp = new Date().getTime();
						window.open(data, "calendar" + timestamp);
					});
	*/
	var url = "./calendarDownload.php?cmd=download&background=" + background + "&calendar=" + calendar + "&width=" + width;
//	location = url;
	var timestamp = new Date().getTime();
	window.open(url, "calendar" + timestamp);
	return false;
}