var teaserObj = new Object();
teaserObj.date = new Date("2011/06/09 00:00:00");
teaserObj.time = Math.ceil(teaserObj.date.getTime() / 1000);
teaserObj.width = 40;
teaserObj.height = 60;
teaserObj.digit = 10;
teaserObj.hn = null;
teaserObj.img = '/commons/teaser/num.gif';

function init_teaser(){
	var d = window.document;
	d.write('<style type="text/css">ul#teaser {background-color: #000000;margin: 0px auto;padding: 50px 0px 0px 0px;height: '+teaserObj.height+'px;width: '+(teaserObj.width*teaserObj.digit)+'px;}ul#teaser li {float: left;list-style: none;margin: 0px;padding: 0px;background-color: #000000;text-indent: -5000px;height: '+teaserObj.height+'px;width: '+teaserObj.width+'px;background-image: url('+teaserObj.img+');background-position: left '+(teaserObj.height*-10)+'px;}</style>');
	var d_date = new Date();
	var d_time = Math.ceil(d_date.getTime() / 1000);
	if((teaserObj.time - d_time) > 0){
		var writeHTML = '';
		for(i=0;i<teaserObj.digit;i++){
			writeHTML = '<li id="num'+i+'">'+i+'</li>' + writeHTML;
		}
		writeHTML = '<ul id="teaser">'+writeHTML+'</ul>';
		document.write(writeHTML);
		teaserObj.hn = setInterval("start_teaser()",1000);
	}
	else {
		//d.write('<div style="margin: 0px auto;padding: 30px 0px 0px 0px;text-align: center;"><img src="/commons/teaser/enabled.gif" /></div>');
	}
}
function start_teaser(){
	var d = window.document;
	var d_date = new Date();
	var d_time = Math.ceil(d_date.getTime() / 1000);
	var d_disp_count = teaserObj.time - d_time;
	if(d_disp_count > 0){
		var digit = 1;
		for(i=0;i<teaserObj.digit;i++){
			var nums = parseInt(d_disp_count / digit) % 10;
			var id = 'num'+i;
			if(d_disp_count < digit) nums = 10;
			gotoAndStop(id,nums);
			digit = digit * 10;
		}
	}
	else {
		clearInterval(teaserObj.hn);
		//d.getElementById('teaser').innerHTML = '<div style="margin: 0px auto;padding: 30px 0px 0px 0px;text-align: center;"><img src="/commons/teaser/enabled.gif" /></div>';
	}
}
function gotoAndStop(id,nums){
	var d = window.document;
	d.getElementById(id).style.backgroundPosition = "left "+(nums*(teaserObj.height*-1))+"px";
	d.getElementById(id).innerHTML = nums;
}
init_teaser();