//this file implements stylish HTML Element to replace SELECT element
//the look can be customized by changing the associated image files
var topsel_z = 150;
var topMonths = ['January','February','March','April','May','June','July','August','September','October','November','December'];
function topSELECT(name,width,vari){
this.name = name;
this.width = width;
this.options = new Array();
this.classOn = 'topselect_on';
this.classOff = 'topselect_off';
this.classItemOn = 'topselect_item_on';
this.classItemOff = 'topselect_item_off';
this.classBar = 'topselect_bar';
this.selectedIndex = -1;
this.vari = vari;
this.onChangeCode = '';
this.selectedBefore = -2;
this.html = '';
html = '';
html += '
';
//generate a hidden field to store the SELECT value
html += '';
//generate a visible div for this SELECT
html += '
';
html += '
';
html += '
';
html += '';
html += '
';
html += '
';
html += '
';
//generate an auxiliary div for this SELECT
html += '
';
topsel_z -= 10;
html += '
';
html += '
';
this.html = html;
//register methods on this select
this.initSelect = initSelect;
this.addOption = addOption;
this.drawOptions = drawOptions;
this.selectOption = selectOption;
this.openSelect = openSelect;
this.closeSelect = closeSelect;
this.toggleSelect = toggleSelect;
this.styleOn = styleOn;
this.styleOff = styleOff;
this.scrollUp = scrollUp;
this.scrollDown = scrollDown;
this.findSelectedOption = findSelectedOption;
}
function initSelect(){
//save references to objects for future use
var name = this.name;
this.rootdiv = document.getElementById("tophtml_root_"+name);
this.topdiv = document.getElementById("tophtml_"+name);
this.auxdiv = document.getElementById("tophtmlax_"+name);
this.topcell = document.getElementById("tophtml_cell_"+name);
this.topfont = document.getElementById("tophtml_si_"+name);
//adjust position of auxiliary div
this.auxdiv.style.top = '24px';
this.auxdiv.style.left = '0px';
}
function selectOption(option){
var elem = document.getElementById(this.name);
var display = '';
if (option < 0 || option > this.options.length){
this.selectedIndex = -1;
elem.value = "";
}else{
this.selectedIndex = option;
elem.value = this.options[option][0];
display = this.options[option][1];
}
//display chosen option
this.topfont.innerHTML = display;
//close select
this.closeSelect();
//execute onChange if option changed
var bf = this.selectedBefore;
this.selectedBefore = this.selectedIndex;
if (this.onChangeCode != '' && bf != -2 && bf != this.selectedIndex){
eval(this.onChangeCode);
}
}
function addOption(value,text){
this.options[this.options.length] = new Array(value,text);
}
function styleOn(){
this.topcell.className = this.classOn;
}
function styleOff(){
this.topcell.className = this.classOff;
}
function drawOptions(){
//define auxiliary div height based on number of options. More than 5 options scrolls
var height = this.options.length;
var scroll = false;
if (height > 5) {
height = 5;
scroll = true;
}
height = height * 24 + 4;
this.auxdiv.style.height = height+'px';
var name = this.name;
//draw options
var html = '
';
if (scroll){
html += '
';
html += '
';
html += '
';
html += '
';
for(var i=0; i < this.options.length; i++){
var value = this.options[i][0];
var text = this.options[i][1];
html += '
';
html += '
';
html += text;
html += '
';
html += '
';
}
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
}else{
for(var i=0; i < this.options.length; i++){
var value = this.options[i][0];
var text = this.options[i][1];
html += '
';
html += '
';
html += text;
html += '
';
html += '
';
}
}
html += '
';
this.auxdiv.innerHTML = html;
}
function openSelect(){
//set all to class Off except current one
var name = this.name;
for (var i = 0; i < this.options.length; i++){
var el = document.getElementById("tophtml_op_"+name+"_"+i);
el.className = this.classItemOff;
}
this.auxdiv.style.display = 'block';
}
function closeSelect(){
this.auxdiv.style.display = 'none';
}
function toggleSelect(){
if (this.auxdiv.style.display == 'block')
this.closeSelect();
else
this.openSelect();
}
function scrollUp(){
var scroll = document.getElementById("tophtml_scroll_"+this.name);
scroll.scrollTop -= 24;
}
function scrollDown(){
var scroll = document.getElementById("tophtml_scroll_"+this.name);
scroll.scrollTop += 24;
}
function findSelectedOption(optvalue){
this.selectedIndex = -1;
for(var i=0; i < this.options.length; i++){
if (this.options[i][0] == optvalue){
this.selectOption(i);
break;
}
}
}
var toppick_z = 200;
function topPICKER(name,width,height,boxtitle,top,left,vari){
this.name = name;
this.vari = vari;
this.width = width;
this.height = height;
this.boxtitle = boxtitle;
this.imagebox = 55;
this.pics = new Array();
this.selectedPicture = -1;
this.left = left;
this.top = top;
this.scrollTimeout = false;
this.onClickCode = 'return true;';
var bodyheight = height-30;
var scrollerwidth = this.width-60;
var titlewidth = this.width-64;
var html = '
';
html += '
';
html += '
';
html += '
';
html += '
'+this.boxtitle+'
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '';
html += '
';
html += '
\n';
this.html = html;
toppick_z++;
//methods
this.initPicker = initPicker;
this.drawPicker = drawPicker;
this.scrollLeft = scrollLeft;
this.closePicker = closePicker;
this.scrollRight = scrollRight;
this.addPicture = addPicture;
this.openPicker = openPicker;
this.startScrollingLeft = startScrollingLeft;
this.startScrollingRight = startScrollingRight;
this.stopScrolling = stopScrolling;
}
function initPicker(){
this.scrolldiv = document.getElementById("toppicker_scroll_"+this.name);
this.rootdiv = document.getElementById("toppicker_"+this.name);
}
function scrollLeft(){
this.scrolldiv.scrollLeft -= 25;
}
function scrollRight(){
this.scrolldiv.scrollLeft += 25;
}
function drawPicker(){
//draws the pic boxes inside the scrollable div
var cellwidth = this.imagebox + 6;
var html = '
';
for (var i=0 ; i < this.pics.length; i++){
html += '
';
}
html += '
';
this.scrolldiv.innerHTML = html;
}
function addPicture(url){
this.pics[this.pics.length] = url;
}
function openPicker(){
this.rootdiv.style.display = 'block';
}
function closePicker(){
this.rootdiv.style.display = 'none';
}
function startScrollingRight(){
this.scrollRight();
this.scrollTimeout = setTimeout(this.vari+'.startScrollingRight()',100);
}
function startScrollingLeft(){
this.scrollLeft();
this.scrollTimeout = setTimeout(this.vari+'.startScrollingLeft()',100);
}
function stopScrolling(){
if (this.scrollTimeout){
clearTimeout(this.scrollTimeout);
this.scrollTimeout = false;
}
}
function topCHECKBOX(name,valueYes,valueNo,checked,vari){
this.name = name;
this.valueYes = valueYes;
this.valueNo = valueNo;
this.checked = checked;
this.vari = vari;
this.onImage = '/images/tophtml/on.gif';
this.offImage = '/images/tophtml/off.gif';
this.html = '';
//register methods
this.toggleCheckbox = toggleTopCheckbox;
this.setCheckboxStatus = setTopCheckboxStatus;
this.getValue = getTopCheckboxValue;
}
function toggleTopCheckbox(){
var img = document.getElementById("img_"+this.name);
var ctl = document.getElementById(this.name);
if (this.checked){
this.checked = false;
img.src = this.offImage;
ctl.value = this.valueNo;
}else{
this.checked = true;
img.src = this.onImage;
ctl.value = this.valueYes;
}
return true;
}
function setTopCheckboxStatus(st){
var img = document.getElementById("img_"+this.name);
var ctl = document.getElementById(this.name);
if (! st){
this.checked = false;
img.src = this.offImage;
ctl.value = this.valueNo;
}else{
this.checked = true;
img.src = this.onImage;
ctl.value = this.valueYes;
}
return true;
}
function getTopCheckboxValue(){
var ctl = document.getElementById(this.name);
return ctl.value;
}
function topCALENDAR(name,vari,format,varname){
this.name = name;
this.variable = vari;
this.format = format;
this.html = '';
this.varname = varname;
this.currdate = new Date().getTime();
this.dates = new Array();
var html = '\n';
html += '
\n';
for (var week=1; week <= 6 ; week++){
html += '
\n';
for (var day=1; day <= 7 ; day++){
var cl = day == 1 ? 'tophtml_smallred' : "tophtml_small";
html += '
\n';
}
html += '
\n';
}
html += '
\n';
html += '
\n';
this.html = html;
this.setDate = THCalendarSetDate;
this.backYear = THCalendarBackYear;
this.backMonth= THCalendarBackMonth;
this.fwdMonth = THCalendarFwdMonth;
this.fwdYear = THCalendarFwdYear;
this.draw = THCalendarDraw;
this.getValue = THCalendarGetValue;
this.position = THCalendarPosition;
this.activate = THCalendarActivate;
this.hide = THCalendarHide;
this.selectValue = THCalendarSelectValue;
this.getWithFormat = THCalendarGetWithFormat;
}
function THCalendarSetDate(dt){
this.currdate = dt;
this.draw();
}
function THCalendarBackYear(){
var dobj = new Date(this.currdate);
var currMonth = dobj.getMonth();
var currDay = dobj.getDate();
//go back until it is same month and day in previous year
dobj.setTime(dobj.getTime() - 60*60*24*1000);
while (dobj.getMonth() != currMonth || dobj.getDate() != currDay){
dobj.setTime(dobj.getTime() - 60*60*24*1000);
}
this.currdate = dobj.getTime();
this.draw();
return false;
}
function THCalendarBackMonth(){
var dobj = new Date(this.currdate);
var currDay = dobj.getDate();
var currMon = dobj.getMonth();
var prevMon = -1;
//go back until it is same day in previous month
dobj.setTime(dobj.getTime() - 60*60*24*1000);
while (dobj.getDate() != currDay){
if (dobj.getMonth() != currMon && prevMon == -1){
prevMon = dobj.getMonth();
}
if (prevMon > -1 && dobj.getMonth() < prevMon){
//same day does not exist in previous month
//go for last day in prev month
while (dobj.getMonth() < prevMon){
dobj.setTime(dobj.getTime() + 60*60*24*1000);
}
break;
}
dobj.setTime(dobj.getTime() - 60*60*24*1000);
}
this.currdate = dobj.getTime();
this.draw();
return false;
}
function THCalendarFwdYear(){
var dobj = new Date(this.currdate);
var currMonth = dobj.getMonth();
var currDay = dobj.getDate();
//go forward until it is same month and day in next year
dobj.setTime(dobj.getTime() + 60*60*24*1000);
while (dobj.getMonth() != currMonth || dobj.getDate() != currDay){
dobj.setTime(dobj.getTime() + 60*60*24*1000);
}
this.currdate = dobj.getTime();
this.draw();
return false;
}
function THCalendarFwdMonth(){
var dobj = new Date(this.currdate);
var currDay = dobj.getDate();
var currMon = dobj.getMonth();
var nextMon = -1;
//go forward until it is same day in next month (or last day in next month if same day not available)
dobj.setTime(dobj.getTime() + 60*60*24*1000);
while (dobj.getDate() != currDay){
if (dobj.getMonth() != currMon && nextMon == -1){
nextMon = dobj.getMonth();
}
if (nextMon > -1 && dobj.getMonth() > nextMon){
//same day does not exist in next month
//go for last day in next month
while (dobj.getMonth() > nextMon){
dobj.setTime(dobj.getTime() - 60*60*24*1000);
}
break;
}
dobj.setTime(dobj.getTime() + 60*60*24*1000);
}
this.currdate = dobj.getTime();
this.draw();
return false;
}
function THCalendarGetValue(){
var dobj = new Date(this.currdate);
var yr = dobj.getFullYear();
var mn = dobj.getMonth()+1;
var dy = dobj.getDate();
var retval = this.format;
mnstr = mn < 10 ? '0'+mn.toString() : mn.toString();
dystr = dy < 10 ? '0'+dy.toString() : dy.toString();
yrstr = yr.toString();
retval = retval.replace(/y/i,yrstr);
retval = retval.replace(/m/i,mnstr);
retval = retval.replace(/d/i,dystr);
return retval;
}
function THCalendarDraw(){
this.dates.length = 0;
var dtobj = new Date(this.currdate);
var month = dtobj.getMonth();
//find month name and display it
var mname = topMonths[dtobj.getMonth()] + ' ' + dtobj.getFullYear().toString();
var cell = document.getElementById("tcalmonthname_"+this.name);
cell.innerHTML = mname;
//find date to display in first cell
while (dtobj.getDate() > 1){
dtobj.setTime(dtobj.getTime()-60*60*24*1000);
}
var weekday = dtobj.getDay();
while (weekday > 0){
dtobj.setTime(dtobj.getTime()-60*60*24*1000);
weekday = dtobj.getDay();
}
//date corresponding to each cell
for (var week=1 ; week <= 6 ; week++){
this.dates[week] = new Array();
for (var day=1; day <= 7 ; day ++){
var cell = document.getElementById("tcalcell_"+this.name+"_"+week+"_"+day);
if (dtobj.getMonth() == month){
this.dates[week][day] = dtobj.getTime();
//display the date
cell.innerHTML = dtobj.getDate().toString();
}else{
this.dates[week][day] = 0;
cell.innerHTML = ' ';
}
//advance
dtobj.setTime(dtobj.getTime() + 60*60*24*1000);
}
}
}
function THCalendarPosition(){
//get position of associated variable
var obj = document.getElementById(this.variable);
var curleft = curtop = 0;
var margleft = margtop = 0;
if (obj.offsetParent) {
curleft = obj.offsetLeft
curtop = obj.offsetTop
margleft = obj.style.marginLeft;
margtop = obj.style.marginTop;
while (obj = obj.offsetParent) {
curleft += obj.offsetLeft;
curtop += obj.offsetTop;
margleft += obj.style.marginLeft;
margtop += obj.style.marginTop;
}
}
//move calendar to that position
var calfra = document.getElementById("tcalf_"+this.name);
var caldiv = document.getElementById("tcal_"+this.name);
calfra.style.top = curtop;
calfra.style.left= curleft;
caldiv.style.top = curtop;
caldiv.style.left= curleft;
calfra.style.marginTop = margtop;
calfra.style.marginLeft = margleft;
caldiv.style.marginTop = margtop;
caldiv.style.marginLeft = margleft;
}
function THCalendarActivate(){
this.position();
this.draw();
document.getElementById("tcalf_"+this.name).style.display = 'block';
document.getElementById("tcal_"+this.name).style.display = 'block';
return false;
}
function THCalendarHide(){
document.getElementById("tcalf_"+this.name).style.display = 'none';
document.getElementById("tcal_"+this.name).style.display = 'none';
return false;
}
function THCalendarSelectValue(week,day){
var clicked = this.dates[week][day];
if (clicked > 0){
this.currdate = clicked;
var vl = this.getValue();
document.getElementById(this.variable).value = vl;
this.hide();
return false;
}else{
return false;
}
}
function THCalendarGetWithFormat(format){
var dobj = new Date(this.currdate);
var yr = dobj.getFullYear();
var mn = dobj.getMonth()+1;
var dy = dobj.getDate();
var retval = format;
mnstr = mn < 10 ? '0'+mn.toString() : mn.toString();
dystr = dy < 10 ? '0'+dy.toString() : dy.toString();
yrstr = yr.toString();
retval = retval.replace(/y/i,yrstr);
retval = retval.replace(/m/i,mnstr);
retval = retval.replace(/d/i,dystr);
return retval;
}
function topDATERANGE(name,varname){
this.name = name;
this.firstDate= 0;
this.lastDate = 0;
this.minDate = 0;
this.maxDate = 0;
this.numMonths= 2;
this.weekspermonth = 6;
this.html = '';
this.varname = varname;
this.currdate = 0;
this.mode = 'C'; //C calendar D days
this.firstshow= 0;
this.firstDateBox = '';
this.lastDateBox = '';
this.onlyFirstDate = 0;
this.onlyFirstDateCurr = new Array();
var html = '';
html += '
\n';
html += '
\n';
html += '
\n';
html += '
\n';
html += '
\n';
html += '
\n';
this.html = html;
this.back = TDRangeBack;
this.fwd = TDRangeFwd;
this.draw = TDRangeDraw;
this.setDate = TDRangeSetDate;
this.mouseOver = TDRangeMouseOver;
this.mouseOut = TDRangeMouseOut;
this.hide = TDRangeHide;
this.show = TDRangeShow;
}
function TDRangeBack(){
//go back
if (this.mode == 'C'){
var dt = new Date(this.currdate);
var mon= dt.getMonth();
while (dt.getMonth() == mon){
dt.setTime(dt.getTime()-60*60*24*5*1000);
}
if (this.minDate > 0){
var md = this.minDate.toString();
var mind = new Date(md.substr(0,4)-0,md.substr(4,2)-1,md.substr(6,2)-0,5);
if (dt.getFullYear().toString() + (dt.getMonth()+1).toString() >= mind.getFullYear().toString() + (mind.getMonth()+1).toString()){
this.currdate = dt.getTime();
this.draw();
}
}else{
this.currdate = dt.getTime();
this.draw();
}
}else{
var nfirst = this.firstshow - (7 * this.weekspermonth);
if (nfirst > 0 && nfirst >= this.minDate){
this.firstshow = nfirst;
this.draw();
}
}
return false;
}
function TDRangeFwd(){
//go forward
if (this.mode == 'C'){
var dt = new Date(this.currdate);
var mon= dt.getMonth();
while (dt.getMonth() == mon){
dt.setTime(dt.getTime()+60*60*24*5*1000);
}
if (this.maxDate > 0){
var md = this.maxDate.toString();
var maxd = new Date(md.substr(0,4)-0,md.substr(4,2)-1,md.substr(6,2)-0);
if (dt.getFullYear().toString() + (dt.getMonth()+1).toString() <= maxd.getFullYear().toString() + (maxd.getMonth()+1).toString()){
this.currdate = dt.getTime();
this.draw();
}
}else{
this.currdate = dt.getTime();
this.draw();
}
}else{
var nfirst = this.firstshow + (7 * this.weekspermonth);
if (nfirst > 0 && nfirst <= this.maxDate){
this.firstshow = nfirst;
this.draw();
}
}
return false;
}
function TDRangeDraw(){
if (this.mode == 'D' && this.firstshow == 0)
this.firstshow = 1;
var html = '';
html += '
\n';
if (this.mode == 'C'){
//define first day to show based on current date
var dt = new Date(this.currdate);
var mon= dt.getMonth();
var yea= dt.getFullYear();
while (dt.getDate() > 1){
dt.setTime(dt.getTime() - 60*60*24*1000);
}
//dt has first of month, now go back until we find day zero
while (dt.getDay() > 0){
dt.setTime(dt.getTime() - 60*60*24*1000);
}
}
for(var i=1; i <= this.numMonths ; i++){
if (this.mode == 'C'){
mname = topMonths[mon] + ' ' + yea;
}else{
var fw = (i-1) * this.weekspermonth + Math.ceil((this.firstshow) / 7);
var lw = fw + this.weekspermonth - 1;
mname = 'Week ' + fw.toString() + ' - Week ' + lw.toString();
}
if (this.mode == 'C' && i > 1){
mon++;
if (mon > 11) mon = 0;
//adjust dt so getDay equals zero (sunday)
while (dt.getDay() > 0){
dt.setTime(dt.getTime() - 60*60*24*1000);
}
}
html += '
\n';
html += '
'+mname+'
\n';
html += '
\n';
html += '
\n';
html += '
Su
\n';
html += '
Mo
\n';
html += '
Tu
\n';
html += '
We
\n';
html += '
Th
\n';
html += '
Fr
\n';
html += '
Sa
\n';
html += '
\n';
for (var week=1; week <= this.weekspermonth ; week++){
html += '
\n';
for (var day=1; day <= 7 ; day++){
if (this.mode == 'C'){
var cl = dt.getDay() == 0 ? 'tophtml_smallred' : "tophtml_small";
var m = (dt.getMonth()+1).toString();
if (m.length == 1) m = '0' + m;
var d = dt.getDate().toString();
if (d.length == 1) d = '0' + d;
var dval = dt.getFullYear().toString() + m + d;
var dshow = dt.getDate();
if ((this.minDate > 0 && dval-0 < this.minDate) || (this.maxDate > 0 && dval-0 > this.maxDate)){
dshow = ' ';
}
}else{
var cl = day == 1 ? 'tophtml_smallred' : "tophtml_small";
var dval = (this.firstshow - 1) + (i-1) * (this.weekspermonth * 7) + (week-1)*7 + day;
var dshow = dval;
if (dval > this.maxDate || dval < this.minDate){
dshow = ' ';
}
}
html += '
\n';
if (this.mode == 'C')
dt.setTime(dt.getTime()+60*60*24*1000);
}
html += '
\n';
}
html += '
\n';
html += '
\n';
}
html += '
\n';
var container = document.getElementById("tdrange_"+this.name);
container.innerHTML = html;
if (this.firstDate > 0){
for (var p=1; p <= this.numMonths ; p++){
for (var w=1; w <= this.weekspermonth; w++){
for (var d=1; d <= 7 ; d++){
var cell = document.getElementById('trngcell_'+p+'_'+this.name+'_'+w+'_'+d);
if (cell.dval-0 < this.firstDate || cell.dval-0 > this.lastDate)
cell.className = 'tophtml_small';
else
cell.className = 'tophtml_calover';
}
}
}
}
}
function TDRangeSetDate(panel,week,day){
var obj = document.getElementById('trngcell_'+panel+'_'+this.name+'_'+week+'_'+day);
if (this.firstDate == 0 || this.onlyFirstDate == 1){
//sets first date
this.firstDate = obj.dval-0;
if (this.firstDateBox != ''){
var box = document.getElementById(this.firstDateBox);
if (this.mode == 'C'){
var av = obj.dval;
box.value = av.substr(4,2) + '/' + av.substr(6,2) + '/' + av.substr(0,4);
}else{
box.value = obj.dval;
}
}
if (this.onlyFirstDate == 1){
if (this.onlyFirstDateCurr.length > 0){
var prevID = 'trngcell_'+this.onlyFirstDateCurr[0].toString()+'_'+this.name+'_'+
this.onlyFirstDateCurr[1].toString()+'_'+this.onlyFirstDateCurr[2].toString();
var prevObj = document.getElementById(prevID);
this.mouseOut(prevObj);
}
this.onlyFirstDateCurr[0] = panel;
this.onlyFirstDateCurr[1] = week;
this.onlyFirstDateCurr[2] = day;
}
}else if (this.firstDate == obj.dval){
//frees first date
this.firstDate = 0;
if (this.firstDateBox != ''){
var box = document.getElementById(this.firstDateBox);
box.value = '';
}
}else if (this.lastDate == obj.dval){
//frees last date
this.lastDate = 0;
if (this.lastDateBox != ''){
var box = document.getElementById(this.lastDateBox);
box.value = '';
}
}else if (obj.dval-0 > this.firstDate){
this.lastDate = 0;
this.mouseOver(obj,panel,week,day);
this.lastDate = obj.dval-0;
if (this.lastDateBox != ''){
var box = document.getElementById(this.lastDateBox);
if (this.mode == 'C'){
var av = obj.dval;
box.value = av.substr(4,2) + '/' + av.substr(6,2) + '/' + av.substr(0,4);
}else{
box.value = obj.dval;
}
}
this.mouseOver(obj,panel,week,day);
}
}
function TDRangeMouseOver(obj,panel,week,day){
if (this.firstDate == 0 || this.onlyFirstDate == 1){
obj.className = 'tophtml_calover';
}else if (this.firstDate > 0 && this.lastDate > 0){
//nothing, things should already be marked
}else {
//highlight all from first date to current cell (or last date if set and smaller than current)
var mx = obj.dval;
if (this.lastDate > 0 && this.lastDate < mx)
mx = this.lastDate;
for (var p=1; p <= this.numMonths ; p++){
for (var w=1; w <= this.weekspermonth; w++){
for (var d=1; d <= 7 ; d++){
var cell = document.getElementById('trngcell_'+p+'_'+this.name+'_'+w+'_'+d);
if (cell.dval-0 < this.firstDate)
continue;
else if (cell.dval-0 <= mx)
cell.className = 'tophtml_calover';
else
cell.className = cell.cl;
}
}
}
}
}
function TDRangeMouseOut(obj){
if (this.firstDate == 0 || this.onlyFirstDate == 1){
if (this.onlyFirstDate == 1 && this.firstDate == obj.dval-0)
obj.className = 'tophtml_calover';
else
obj.className = obj.cl;
}
}
function TDRangeHide(){
document.getElementById("tdrangemain_"+this.name).style.display = 'none';
}
function TDRangeShow(){
document.getElementById("tdrangemain_"+this.name).style.display = 'block';
}
';
html += '
