function replaceChart(dataFileString){
	$("#user_chart_wrapper2").fadeOut("normal", function(){
		swfobject.embedSWF("open-flash-chart.swf", "user_chart", "100%", "300", "9.0.0", "expressInstall.swf", {"data-file":dataFileString,"loading":"Building Chart"} );
		$("#user_chart_wrapper2").fadeIn("normal");
	});
}

function monthView(user, month){
	replaceChart(URLEncode("chart_json.php?user=" + user + "&month=" + month));
}

function yearView(user, year){
	replaceChart(URLEncode("chart_json.php?user=" + user + "&year=" + year));
}

function allView(user){	
	$('#subview').fadeOut("normal").html("");
	replaceChart("chart_json.php?user=" + user);
}

function thirtyDaysView(user){	
	$('#subview').fadeOut("normal").html("");
	replaceChart("chart_json.php?user=" + user);
}

function showYears(user){
	if($('#subview').text() == "")$('#subview').load("availableDates.php", {'user':user, 'period':'years'}).fadeIn("normal");
	else $('#subview').fadeOut("normal").load("availableDates.php", {'user':user, 'period':'years'}).fadeIn("normal");
}

function showMonths(user){
	if($('#subview').text() == "")$('#subview').load("availableDates.php", {'user':user, 'period':'months'}).fadeIn("normal");
	else $('#subview').fadeOut("normal").load("availableDates.php", {'user':user, 'period':'months'}).fadeIn("normal");
}

function URLEncode (clearString) {
  var output = '';
  var x = 0;
  clearString = clearString.toString();
  var regex = /(^[a-zA-Z0-9_.]*)/;
  while (x < clearString.length) {
    var match = regex.exec(clearString.substr(x));
    if (match != null && match.length > 1 && match[1] != '') {
    	output += match[1];
      x += match[1].length;
    } else {
      if (clearString[x] == ' ')
        output += '+';
      else {
        var charCode = clearString.charCodeAt(x);
        var hexVal = charCode.toString(16);
        output += '%' + ( hexVal.length < 2 ? '0' : '' ) + hexVal.toUpperCase();
      }
      x++;
    }
  }
  return output;
}