var countEvent;
var $counterControls;

function timeUp() {
	$("#browseMinutes",$counterControls).val(0);
  	$("#browseSeconds",$counterControls).val("00");
	clearInterval(countEvent);
	$("#browseMinutes",$counterControls).attr("disabled",false);
  	$("#browseSeconds",$counterControls).attr("disabled",false);
  	$("#startBtn",$counterControls).attr("disabled",false);
	$("#browseMinutes",$counterControls).val(5);
	
	for (i = 0; i < jetpack.tabs.length; i++) {
		$(jetpack.tabs[i].contentDocument)
        .find("body").empty().css({'background-color':'red','background-image':'none'});
	}
}

function runCountdown() {
  var currMinutes= $("#browseMinutes",$counterControls).val();
  var currSeconds= $("#browseSeconds",$counterControls).val();
  
  if (currSeconds == 1 && currMinutes == 0) {
  	timeUp();
  }
  
  else {
  	if(currSeconds== 0) 
		{
			currSeconds= 59;	
			currMinutes= currMinutes-1;	
		}
	else 
		{
			currSeconds= currSeconds-1;
		}
		
	 if (currSeconds < 10) {
		var displaySeconds = "0" + currSeconds;
	}
	else {
		var displaySeconds = currSeconds;
	}
	
	$("#browseMinutes",$counterControls).val(currMinutes);
	$("#browseSeconds",$counterControls).val(displaySeconds);
  }
  
  
}

function startCountdown() {
	$("#browseMinutes",$counterControls).attr("disabled",true);
	$("#browseSeconds",$counterControls).attr("disabled",true);
	$("#startBtn",$counterControls).attr("disabled",true);
	if($("#browseSeconds",$counterControls).val() > 59)
		{
			$("#browseSeconds",$counterControls).val(59);
		}
	countEvent= setInterval(runCountdown,1000);	
}


jetpack.statusBar.append({
  width:120,
  html: "<p id='counterControls'><input type='text' id='browseMinutes' value='5' style='text-align:right;width:1.5em;height:90%;' />: <input type='text' id='browseSeconds' value='00' style='width:1.5em;height:90%;' />&nbsp;<input type='button' id='startBtn' value='Start' style='height:95%;'/></p>",
  onReady: function(widget){
    $("#startBtn", widget).click(function(){
	  $counterControls= $("#counterControls",widget);
	  startCountdown();
    });
  }
});