function showclock(mytimezone,cid) {
    fCol='#0000FF'; //digits color
    sCol='#ff0000'; // Second hand color
    mCol='#C2DEF8'; // Minute hand color
    hCol='#C2DEF8'; // Hour hand color
    Ypos=2;
    Xpos=2;
    Ybase=2;
    Xbase=2;
    dots=12;
    radius=28;
    Ypos=Ypos+radius;
    Xpos=Xpos+radius;
    hLength=parseInt(radius*0.75/2);
    mLength=parseInt(radius/2);

    document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < mLength; i++){
        document.write('<div id=y_'+cid+'_'+i+' style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');
    }
    document.write('</div></div>')

    document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < hLength; i++){
        document.write('<div id=z_'+cid+'_'+i+' style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');
    }
    document.write('</div></div>')
    
    time = new Date ();
	
	timezone=time.getTimezoneOffset()/60;

    secs = time.getSeconds();
    sec = -1.57 + Math.PI * secs/30;
    mins = time.getMinutes();
    min = -1.57 + Math.PI * mins/30;
    hr = time.getHours()+timezone+mytimezone;
	
    hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;

    for (i=0; i < mLength; i++){
        document.getElementById("y_"+cid+"_"+i).style.top = Math.round(Ypos+i*Ybase*Math.sin(min))+"px";
        document.getElementById("y_"+cid+"_"+i).style.left= Math.round(Xpos+i*Xbase*Math.cos(min))+"px";
    }

    for (i=0; i < hLength; i++){
        document.getElementById("z_"+cid+"_"+i).style.top = Math.round(Ypos+i*Ybase*Math.sin(hrs))+"px";
        document.getElementById("z_"+cid+"_"+i).style.left= Math.round(Xpos+i*Xbase*Math.cos(hrs))+"px";
    }
	return true;
}  

