// Copyright (C) 2005-2008 Ilya S. Lyubinskiy. All rights reserved.
// Technical support: http://www.php-development.ru/
//
// YOU MAY NOT
// (1) Remove or modify this copyright notice.
// (2) Re-distribute this code or any part of it.
//     Instead, you may link to the homepage of this code:
//     http://www.php-development.ru/javascripts/dropdown.php
//
// YOU MAY
// (1) Use this code on your website.
// (2) Use this code as part of another product.
//
// NO WARRANTY
// This code is provided "as is" without warranty of any kind.
// You expressly acknowledge and agree that use of this code is at your own risk.


// ***** Popup Control *********************************************************

// ***** at_show_aux *****

function at_show_aux(parent, child)
{
  var p = document.getElementById(parent);
  var c = document.getElementById(child );

  var top  = (c["at_position"] == "y") ? p.offsetHeight+2 : 0;
  var left = (c["at_position"] == "x") ? p.offsetWidth +2 : 0;

  for (; p; p = p.offsetParent)
  {
    top  += p.offsetTop;
    left += p.offsetLeft;
  }

  c.style.position   = "absolute";
  c.style.top        = 5 +'px';
  c.style.left       = 5+'px';
  c.style.visibility = "visible";
}

// ***** at_show *****

function at_show()
{
  var p = document.getElementById(this["at_parent"]);
  var c = document.getElementById(this["at_child" ]);
  at_show_aux(p.id, c.id);
  clearTimeout(c["at_timeout"]);
}

// ***** at_hide *****

function at_hide()
{
  var p = document.getElementById(this["at_parent"]);
  var c = document.getElementById(this["at_child" ]);

  c["at_timeout"] = setTimeout("document.getElementById('"+c.id+"').style.visibility = 'hidden'", 333);
}

// ***** at_click *****

function at_click()
{
 var datechild = document.getElementById("date_child");
 if(datechild!=null)
 {
    DrawDate();
    DrawDate2();
 }
 else
    DrawDate2();
    
  var p = document.getElementById(this["at_parent"]);
  var c = document.getElementById(this["at_child" ]);

  if (c.style.visibility != "visible") at_show_aux(p.id, c.id); else c.style.visibility = "hidden";

  return false;
}

// ***** at_attach *****

// PARAMETERS:
// parent   - id of the parent html element
// child    - id of the child  html element that should be droped down
// showtype - "click" = drop down child html element on mouse click
//            "hover" = drop down child html element on mouse over
// position - "x" = display the child html element to the right
//            "y" = display the child html element below
// cursor   - omit to use default cursor or specify CSS cursor name

function at_attach(parent, child, showtype, position, cursor)
{

//CreateDate();
  var p = document.getElementById(parent);
  var c = document.getElementById(child); 

  p["at_parent"]     = p.id;
  c["at_parent"]     = p.id;
  p["at_child"]      = c.id;
  c["at_child"]      = c.id;
  p["at_position"]   = position;
  c["at_position"]   = position;

  c.style.position   = "absolute";
  c.style.visibility = "hidden";

  if (cursor != undefined) p.style.cursor = cursor;

  switch (showtype)
  {
    
      case "click":  
      p.onclick     = at_click;
      p.onmouseout  = at_hide;
      c.onmouseover = at_show;
      c.onmouseout  = at_hide;
      c.onclick=at_hide;
      break;
    case "hover":
      p.onmouseover = at_show;
      p.onmouseout  = at_hide;
      c.onmouseover = at_show;
      c.onmouseout  = at_hide;
      break;
  }

}
//Ve khung ngay trong thang
function DrawDate()
{
var date = document.getElementById("date_child");
var month = document.getElementById('month_child');
var year = document.getElementById('year_child');

var date2 = document.getElementById("date_child2");
var month2 = document.getElementById('month_child2');
var year2 = document.getElementById('year_child2');

var vtable="<table class='drop_table' cellpadding='1' cellspacing='0'><tr><th align='center' colspan='6'>Day</th></tr>";
var mtable="<table class='drop_table' cellpadding='1' cellspacing='0'><tr><th align='center' colspan='6'>Month</th></tr>";
var vtable2=vtable;
var mtable2=mtable;
var day_month=daysInMonth(document.getElementById('month_parent').innerHTML, document.getElementById('year_parent').innerHTML);
var day_month2=daysInMonth(document.getElementById('month_parent2').innerHTML, document.getElementById('year_parent2').innerHTML);
var idate = new Date();
for (i=0;i<=6;i++)
{
    vtable+="<tr>";
    mtable+="<tr>";   
    for(j=1;j<=6;j++)   
    {
        var number = (i*6)+j;  
        
        //Tao khung day cho checkin
        if(number<=day_month)
        {
            vtable+="<td><a  href='javascript:DateChange("+number+");'>"+number+"</a></td>";
        }
        else
        {
            vtable+="<td></td>";
        }
        
        //Tao khung day cho checkout
        if(number<=day_month2)
        {
            vtable2+="<td><a  href='javascript:DateChange2("+number+");'>"+number+"</a></td>";
        }
        else
        {
            vtable2+="<td></td>";
        }
        //Tao khung month
        if(number<13)
        {
            mtable+="<td><a  href='javascript:MonthChange("+number+");'>"+number+"</a></td>";
             mtable2+="<td><a  href='javascript:MonthChange2("+number+");'>"+number+"</a></td>";
        }   
     }     
  vtable+="</tr>";    
  mtable+="</tr>";  
  vtable2+="</tr>";    
  mtable2+="</tr>";   
 
}
 mtable+="</table>"; 
vtable+="</table>";
 mtable2+="</table>"; 
vtable2+="</table>";
date.innerHTML=vtable;
month.innerHTML=mtable;

date2.innerHTML=vtable2;
month2.innerHTML=mtable2;
var ytable="<table class='drop_table' style='margin-left:85px;width:45px' cellpadding='1' cellspacing='0'>";
ytable+="<tr><td><a href='javascript:YearChange("+idate.getFullYear()+");'>"+idate.getFullYear()+"</a></td></tr>";
ytable+="<tr><td><a href='javascript:YearChange("+(idate.getFullYear()+1)+");'>"+(idate.getFullYear()+1)+"</a></td></tr>";
ytable+="</table>";

var ytable2="<table class='drop_table' style='margin-left:85px;width:45px' cellpadding='1' cellspacing='0'>";
ytable2+="<tr><td><a  href='javascript:YearChange2("+idate.getFullYear()+");'>"+idate.getFullYear()+"</a></td></tr>";
ytable2+="<tr><td><a  href='javascript:YearChange2("+(idate.getFullYear()+1)+");'>"+(idate.getFullYear()+1)+"</a></td></tr>";
ytable2+="</table>";


year.innerHTML=ytable;
year2.innerHTML=ytable2;
}
//Ve khung ngay trong thang
function DrawDate2()
{
var date = document.getElementById("date_cin_child");
var month = document.getElementById('month_cin_child');
var year = document.getElementById('year_cin_child');

var date2 = document.getElementById("date_cout_child");
var month2 = document.getElementById('month_cout_child');
var year2 = document.getElementById('year_cout_child');

var vtable="<table class='drop_table' cellpadding='1' cellspacing='0'><tr><th align='center' colspan='6'>Day</th></tr>";
var mtable="<table class='drop_table' cellpadding='1' cellspacing='0'><tr><th align='center' colspan='6'>Month</th></tr>";
var vtable2=vtable;
var mtable2=mtable;
var day_month=daysInMonth(document.getElementById('month_cin_parent').innerHTML, document.getElementById('year_cin_parent').innerHTML);
var day_month2=daysInMonth(document.getElementById('month_cout_parent').innerHTML, document.getElementById('year_cout_parent').innerHTML);
var idate = new Date();
for (i=0;i<=6;i++)
{
    vtable+="<tr>";
    mtable+="<tr>";   
    for(j=1;j<=6;j++)   
    {
        var number = (i*6)+j;  
        
        //Tao khung day cho checkin
        if(number<=day_month)
        {
            vtable+="<td><a  href='javascript:DateChange("+number+");'>"+number+"</a></td>";
        }
        else
        {
            vtable+="<td></td>";
        }
        
        //Tao khung day cho checkout
        if(number<=day_month2)
        {
            vtable2+="<td><a  href='javascript:DateChange2("+number+");'>"+number+"</a></td>";
        }
        else
        {
            vtable2+="<td></td>";
        }
        //Tao khung month
        if(number<13)
        {
            mtable+="<td><a  href='javascript:MonthChange("+number+");'>"+number+"</a></td>";
             mtable2+="<td><a  href='javascript:MonthChange2("+number+");'>"+number+"</a></td>";
        }   
     }     
  vtable+="</tr>";    
  mtable+="</tr>";  
  vtable2+="</tr>";    
  mtable2+="</tr>";   
 
}
 mtable+="</table>"; 
vtable+="</table>";
 mtable2+="</table>"; 
vtable2+="</table>";
date.innerHTML=vtable;
month.innerHTML=mtable;

date2.innerHTML=vtable2;
month2.innerHTML=mtable2;
var ytable="<table class='drop_table' style='margin-left:85px;width:45px' cellpadding='1' cellspacing='0'>";
ytable+="<tr><td><a href='javascript:YearChange("+idate.getFullYear()+");'>"+idate.getFullYear()+"</a></td></tr>";
ytable+="<tr><td><a href='javascript:YearChange("+(idate.getFullYear()+1)+");'>"+(idate.getFullYear()+1)+"</a></td></tr>";
ytable+="</table>";

var ytable2="<table class='drop_table' style='margin-left:85px;width:45px' cellpadding='1' cellspacing='0'>";
ytable2+="<tr><td><a  href='javascript:YearChange2("+idate.getFullYear()+");'>"+idate.getFullYear()+"</a></td></tr>";
ytable2+="<tr><td><a  href='javascript:YearChange2("+(idate.getFullYear()+1)+");'>"+(idate.getFullYear()+1)+"</a></td></tr>";
ytable2+="</table>";


year.innerHTML=ytable;
year2.innerHTML=ytable2;
}
//Tinh so ngay trong thang
 function daysInMonth(iMonth, iYear)
{
   return 32 - new Date(iYear, iMonth, 32).getDate();
}

function clickButton(e, buttonid){ 
      var bt = document.getElementById(buttonid); 
      if (typeof bt == 'object'){ 
            if(navigator.appName.indexOf("Netscape")>(-1)){ 
                  if (e.keyCode == 13){ 
                        bt.click(); 
                        return false; 
                  } 
            } 
            if (navigator.appName.indexOf("Microsoft Internet Explorer")>(-1)){ 
                  if (event.keyCode == 13){ 
                        bt.click(); 
                        return false; 
                  } 
            } 
      } 
}