var calWeek = 1;

function toggleWeek(direction){
  if (direction == "prev"){
    if (calWeek <= 1){
      calWeek = 1;
    } else {
      calWeek--;
    }
  } else if (direction == "next"){
     if (calWeek >= 4){
      calWeek = 4;
    } else {
      calWeek++;
    }    
  }
  for(i=1; i < 5; i++){
    if (i == calWeek){
      eval('document.getElementById("week'+i+'").className = "visible"');
    } else {
      eval('document.getElementById("week'+i+'").className = "hidden"');
    }
  }
}

function toggleDay(id){
  for (i=0; i < 28; i++){
    eval('calID = "cal"+i');
    if (id == calID){
      eval('document.getElementById("cal'+i+'-events").className = "calEvents visible"');
    } else {
      eval('document.getElementById("cal'+i+'-events").className = "calEvents hidden"');
    }
  }
}

function slideCal(direction) {

  // if direction is 'left'
  if (direction == "left"){

    // if calWeek is greater than 1
    if (calWeek > 1) {
      calWeek--; // reduce calWeek variable by 1
      $("#calendar-pane").animate({
        left: "+=343px"
      }, 750);
    }

    // calWeek is NOT greater than 1
    else {
      calWeek = 1; // make sure calWeek variable is never less than 1
    }

  } else { // direction is 'right'
    
    // if calWeek is less than 4
    if (calWeek < 4) {
      calWeek++; // increase calWeek variable by 1
      $("#calendar-pane").animate({
        left: "-=343px"
      }, 750);
    }

    // calWeek is NOT less than 4
    else {
      calWeek = 4; // make sure calWeek variable is never greater than 4
    }

  }

}

function toggleDayEvents(date) {
  
}