function do_active(elem){
	var parent, tds, i;
	parent = elem.parentNode;
	while(parent.tagName.toLowerCase()!='table'){
		parent = parent.parentNode;
	}
	
	tds = parent.getElementsByTagName('td');
	for(i=0; i<tds.length; i++){
		tds[i].className = tds[i].className.replace(/(row.*)active(.*)/, '$1$2');
	}
	
	elem.className = elem.className + ' active';
	
	document.rec_form.rec_time.value = elem.getAttribute('time');
	//alert(elem.getAttribute('time'));
}

function remove_calendar(){	
	var div = $('calendar_inner');
	var width = div.offsetWidth;
	div.style.width = width + 'px';
	var myFx = new Fx.Style(div, 'margin-left', {duration: 1000});
	myFx.start(0, -width);
	
	myFx.addEvent('onComplete', function(){timer = setInterval('change_calendar()', 200); $('calendar').setAttribute('timer', timer)});
}

function change_calendar(){
	if($('calendar_inner_hidden').innerHTML.length > 0){
		clearInterval($('calendar').getAttribute('timer'));
		
		$('calendar_inner').style.marginLeft = 0 + 'px';
		
		$('calendar_inner').innerHTML = '';
		var div = document.createElement('div');
		div.innerHTML = $('calendar_inner_hidden').getElementsByTagName('div')[0].innerHTML;
		//alert(div.innerHTML);
		$('calendar_inner').appendChild(div);
		
		
		$('calendar').style.width = $('calendar').offsetWidth + 'px';
		var width = $('calendar_inner').offsetWidth;
		$('calendar_inner').style.marginLeft = width + 'px';
		var myFx = new Fx.Style($('calendar_inner'), 'margin-left', {duration: 1000});
		myFx.start(width, 0);
		
		myFx.addEvent('onComplete', function(){$('calendar').style.width = '100%'; $('calendar_inner').style.width = '100%';});
		
		//$('calendar_inner').innerHTML = $('calendar_inner_hidden').innerHTML;
		
		
		$('calendar_inner_hidden').innerHTML = '';
		
		/*
		//$('calendar_inner').style.visibility = 'hidden';
		div = document.createElement('div');
		div.style.overflow = 'hidden';
		div.style.width = $('calendar_inner').offsetWidth + 'px';
		div.style.height = $('calendar_inner').offsetHeight + 'px';
		div.style.position = 'absolute';
		div.style.top = '0px';
		div.style.left = '0px';
		div.className = "section";
		div.style.backgroundColor = '#ffffff';
		$('calendar').appendChild(div);
		
		$('calendar').setAttribute('cur_section', 0);	
		create_calendar();*/
	}	
}

function create_calendar(){
	var i = $('calendar').getAttribute('cur_section');	
	var count = 10;
	
	if(i >= count){
		var divs = $('calendar').childNodes;
		for(var j=0; j<divs.length; j++){
			if(divs[j].tagName=='DIV' && divs[j].className=='section'){
				divs[j].parentNode.removeChild(divs[j]);
				j--;
			}
		}
		//$('calendar_inner').style.visibility = 'visible';
		return false;
	}
	
	var width = $('calendar_inner').offsetWidth;
	var cwidth = Math.round(width/count);
	div = $('calendar_inner').cloneNode(true);
	div.style.visibility = 'visible';
	div.style.width = width + 'px';
	div.style.marginLeft = -cwidth*i + 'px';

	pdiv = document.createElement('div');
	pdiv.style.overflow = 'hidden';
	pdiv.style.width = cwidth + 'px';
	pdiv.style.position = 'absolute';
	pdiv.style.top = '0px';
	//pdiv.style.left = cwidth*i + 'px';
	pdiv.style.left = width + 'px';
	pdiv.className = "section";
	$('calendar').appendChild(pdiv);
	pdiv.appendChild(div);
	
	
	var myFx = new Fx.Style(pdiv, 'left', {duration: 200, transition: Fx.Transitions.Back.easeOut});
	myFx.start(width, cwidth*i);
	
	$('calendar').setAttribute('cur_section', parseInt(i)+1);
	myFx.addEvent('onComplete', function(){create_calendar();});
}