var iH = 0;
var iM = 0;
var iS = 0;
var ph, pm, ps;
var current_city = "tunis";
var counterId = 0; 
var T;

$(document).ready(function() {
	$("#cities a[rel]").click(function() {
		current_city = $(this).attr("rel");
		$("#cities a[rel]").css({"color": "#ffffff"});
		$(this).css({"color": "#00ffcc"});	
		
		getPostData();
	});
	
	getPostData();
	
	
});

function getPostData() {
	$.post("ajx/hew_get_time.php", {"c":current_city}, function(data) {
		$("#st").val(data);
		
		initCounter(data);
	});
}
	
	
	
function initCounter(data) {
	var y = data.split(':');
	
	var tmpH = y[0] ;
	var tmpM = y[1] ;
	var tmpS = y[2] ;
	
	if ( tmpH.substr(0, 1) == "0" )
		tmpH = tmpH.substr(1) ;
		
	if ( tmpM.substr(0, 1) == "0" )
		tmpM = tmpM.substr(1) ;
	
	if ( tmpS.substr(0, 1) == "0" )
		tmpS = tmpS.substr(1) ;
	
	iH = parseInt( tmpH );
	iM = parseInt( tmpM );
	iS = parseInt( tmpS );
	
	
	clearTimeout(counterId);
	counterId = setInterval(function(){ run() }, 1000);
	
}




function run() {
	iS -= 1 ;	
	if (iS < 0) {
		iS = 59;
		
		iM -= 1;
		if (iM < 0) {
			iM = 59;
			
			iH -= 1;
			if (iH < 0) {
				iH = 23;	
			}
		}
	}
	
	var pH = iH; 
	if (iH < 10) pH = "0" + iH;
	
	var pM = iM; 
	if (iM < 10) pM = "0" + iM;
	
	var pS = iS; 
	if (iS < 10) pS = "0" + iS;
	
	$("#countdown").html( "<span>" + pH + ':' + pM + ':' + pS + "</span>");
}

function pad_digits(n, totalDigits) { 
    n = n.toString(); 
    var pd = ''; 
    if (totalDigits > n.length) { 
        for (i=0; i < (totalDigits-n.length); i++) { 
            pd += '0'; 
        } 
    } 
    return pd + n.toString(); 
} 



function calc_time(p_H, p_M, p_S) {
	var H = parseInt(p_H);
	var M = parseInt(p_M);
	var S = parseInt(p_S);
	
	S -= 1 ;	
	if (S < 0) {
		S = 59;
		
		M -= 1;
		if (M < 0) {
			M = 59;
			
			H -= 1;
			if (H < 0) {
				H = 23;	
			}
		}
	}
	
	return pad_digits(H, 2) + ':' + pad_digits(M, 2) + ':' + pad_digits(S, 2) ; 
}
	
	
function show_countdown() {
	var t = calc_time(iH, iM, iS);
	var arr = t.split(':');
	
	iH = arr[0];
	iM = arr[1];
	iS = arr[2];
	
	$("#countdown").html( "<span>" + t + "</span>");	
}