// JavaScript Document
var IndexClock='';
function AddClock(Index){
	IndexClock=Index;
	document.getElementById('tb_FormClock').style.display='';
	document.getElementById('tb_DisplayClock').style.display='none';
	if (IndexClock=='0'){
			document.getElementById('timezone').disabled=true;
			document.getElementById('label').disabled=true;												
	}else{
		document.getElementById('timezone').disabled=false;
			document.getElementById('label').disabled=false;	
		}
	for (i=1; i<=4;i++){
			document.getElementById('tab_clocks_'+i).style.display='none';
		}
		document.getElementById('tab_clocks_'+(parseInt(IndexClock)+1)).style.display='';	
	}
function CancelClock(){
	IndexClock='';
	document.getElementById('tb_FormClock').style.display='none';
	document.getElementById('tb_DisplayClock').style.display='';
	document.getElementById('timezone').options[0].selected=true;
	document.getElementById('label').value='';
	document.getElementById('skin').options[0].selected=true;
	
	
	}
function SaveClock(){
	ok=true;
	if (document.getElementById('timezone').value==""){
		ok=false;
		}
	if (document.getElementById('label').value==""){
		ok=false;
		}
	if (!ok){
			alert('Please, complete the empty fields.');
			return;			
		}else{			
		request=null;		
		request=createAjax();	
		MyTimeZone=document.getElementById('timezone').value;
		MyLabel=document.getElementById('label').value;
		MySkin=document.getElementById('skin').value;
		request.open("GET",'/QuickBar/clocks/save_clocks.php?timezone='+escape(MyTimeZone)+'&label='+escape(MyLabel)+'&skin='+escape(MySkin)+'&index='+escape(IndexClock),true);
		request.onreadystatechange=function (){
										if(request.readyState==4){
											Response=request.responseText;	
											//alert(Response);
											MyObject=Response;											
											document.getElementById('div_AddClock_'+IndexClock).innerHTML=MyObject;
											CancelClock();																							
										}
									}
		request.send(null);				
		}
	}
function RemoveClock(){	
	if (!confirm("Are You Sure?")){			
			return;			
		}else{			
		request=null;		
		request=createAjax();	
		MyTimeZone=document.getElementById('timezone').value;
		MyLabel=document.getElementById('label').value;
		MySkin=document.getElementById('skin').value;
		//alert(IndexClock);
		request.open("GET",'/QuickBar/clocks/remove_clocks.php?index='+escape(IndexClock),true);
		request.onreadystatechange=function (){
										if(request.readyState==4){
											Response=request.responseText;	
											if (IndexClock==3){
												ShowClose='&ShowCloseButton=yes';
												}else{
													ShowClose='';
													}
											document.getElementById('div_AddClock_'+IndexClock).innerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="140" height="134"><param name="movie" value="/QuickBar/clocks/add_clock.swf?MyIndex='+IndexClock+ShowClose+'" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed src="/QuickBar/clocks/add_clock.swf?MyIndex='+IndexClock+ShowClose+'" width="140" height="134" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed></object>';																																	
											CancelClock();
										}
									}
		request.send(null);				
		}
	}
function EditClock(IndexClock){			
		request=null;		
		request=createAjax();	
		MyTimeZone=document.getElementById('timezone').value;
		MyLabel=document.getElementById('label').value;
		MySkin=document.getElementById('skin').value;
		request.open("GET",'/QuickBar/clocks/edit_clocks.php?index='+escape(IndexClock),true);
		request.onreadystatechange=function (){
										if(request.readyState==4){
											Response=request.responseText;
											MyArray=Response.split("###");
											
											for(i=0;i<document.getElementById('timezone').options.length;i++){
												if (document.getElementById('timezone').options[i].value==MyArray[0]){
														document.getElementById('timezone').options[i].selected=true;
														break;
													}
												}
											for(i=0;i<document.getElementById('skin').options.length;i++){
												if (document.getElementById('skin').options[i].value==MyArray[1]){
														document.getElementById('skin').options[i].selected=true;
														break;
													}
												}
												document.getElementById('label').value=MyArray[2];												
												document.getElementById('div_clock_preview').innerHTML=MyArray[3];																									
												AddClock(IndexClock);																																
										}
									}
		request.send(null);				
		}


function ChangePreview(skin){
		request=null;		
		request=createAjax();	
		MyTimeZone=document.getElementById('timezone').value;
		MyLabel=document.getElementById('label').value;
		MySkin=document.getElementById('skin').value;	
		request.open("GET",'/QuickBar/clocks/preview_clocks.php?MyTimeZone='+escape(MyTimeZone)+'&MyLabel='+escape(MyLabel)+'&MySkin='+escape(MySkin),true);
		request.onreadystatechange=function (){
										if(request.readyState==4){
											Response=request.responseText;																				
											document.getElementById('div_clock_preview').innerHTML=Response;												
										}
									}
		request.send(null);			
	}
function ShowTabClocks(TabActiva, TotalTabs, TabName,Src){
	//alert("source: "+Src);
	Total=parseInt(TotalTabs);
	TabActiva=parseInt(TabActiva);
	for (i=1; i<=TotalTabs;i++){
		document.getElementById('tab_'+TabName+"_"+i).style.display='none';
	}
	document.getElementById('tab_'+TabName+"_"+TabActiva).style.display='';
	if(Src=="EditClock0"){		
		EditClock('0');
	}
	if(Src=="EditClock1"){		
		EditClock('1');
	}
	if(Src=="EditClock2"){		
		EditClock('2');
	}
	if(Src=="EditClock3"){		
		EditClock('3');
	}
}