var id = '';
var idform = '';
var date_arr = new Array();
var items = new Array(); 
var texts = new Array(); 
var prev = 'prev';
var next = 'next';
var dh = false;
var HideTime = 1000;
var Time = 0;

// Original size
var imSizeX = 130;
var imSizeY = 90;

// Select size
var imSelSizeX = 200;
var imSelSizeY = 144;

// Current image size
var imCurSizeX = 130;
var imCurSizeY = 90;

//-------------------------------------
//  Calendar Init
//-------------------------------------

function cal_init(i, j)
    {
    id = i;
    idform = j;
    if(date_arr[idform] == null)
        {
        date_arr[idform] = new Array();
        }
    }

//-------------------------------------
//  Insert Date Function
//-------------------------------------

function insertdate(obj, day, month, year) 
    {
    var today = new Date();
    var thisdate = new Date(format_year(year), month, day);

    thisdate.setHours(0,0,0,0);
    today.setHours(0,0,0,0);

    date_arr[idform] = thisdate.getTime()/1000;

    document.getElementById(idform).value=date_arr[idform].toString();
    document.getElementById('d_'+idform).value=day+'.'+format_month(month+1)+'.'+format_year(year);

    write_calendar(format_year(year),month);
    }

//-------------------------------------
//  Calendar Format Year
//-------------------------------------

function format_year(y) 
    {
    if((eval(y))<2000)
        {
        return (y+1900);
        } 
    else 
        {
        return y;
        }
    }

//-------------------------------------
//  Calendar Format Month
//-------------------------------------

function format_month(y) 
    {
    if((eval(y))<10)
        {
        return ('0'+y);
        } 
    else 
        {
        return y;
        }
    }


//-------------------------------------
//  Get Actions For Month
//-------------------------------------

function GetActions(year, month) 
    {
    
    items = new Array();

    saja.run(''+saja.Get(year)+','+saja.Get(month)+'','','','',this,'96d50ec8f218487fb70ece0ca0b76c8e','2855351ae494c76b65126bf0a230a8e8');;    }



//-------------------------------------
//  Calendar Write
//-------------------------------------

function write_calendar(year, month) {

var id_cal = id;
var id_for = idform;

    var monthname=new Array();

    monthname[0]= 'Januar';
    monthname[1]= 'Februar';
    monthname[2]= 'März';
    monthname[3]= 'April';
    monthname[4]= 'Mai';
    monthname[5]= 'Juni';
    monthname[6]= 'Juli';
    monthname[7]= 'August';
    monthname[8]= 'September';
    monthname[9]= 'Oktober';
    monthname[10]='November';
    monthname[11]='Dezember';

    var dt; 
    var dtNext;
    var dtPrev;
    var dtCurrent;

    var utime;

    var thisdate;
    var nextdate;
    var datevalid;


    var doc; 
    var firstday;
    var fill=false;
    datevalid=true;

    dtCurrent=new Date();

    if(year!=0){
        dt=new Date(year, month, 1);
        dtNext=new Date(year, month, 1);
        dtPrev=new Date(year, month, 1);
    } else {
        dt=new Date();
        dt.setDate(1);
        dtNext=new Date();
        dtPrev=new Date();
    }
    dt.setHours(0,0,0,0);

    firstday=dt.getDay();


    dtNext.setMonth(dtNext.getMonth()+1);

    dtPrev.setMonth(dtPrev.getMonth()-1);



doc =  ("<table border='0' cellpadding='0' cellspacing='0' class='cal_width'> \
         <tr>\
            <td class='clnd_topbord'>&nbsp;</td>\
         </tr>\
         <tr> \
             <td> \
                <table width='100%' haight='100%' border='0' cellpadding='0' cellspacing='0' class='calendar1'> \
                    <tr class='cldr-back'> \
                        <td class='date_cell' height='24' > \
                            <div align='center' class='calendar-head'> \
                                <a  class='calendar-head' href='javascript:void(0)' onClick='GetActions("+format_year(dtPrev.getYear())+","+dtPrev.getMonth()+"); write_calendar("+format_year(dtPrev.getYear())+","+dtPrev.getMonth()+");'> \
                                    <strong><img src='/images/calendar/arr_left.gif' border=0 ></strong> \
                                </a> \
                            </div> \
                        </td> \
                        <td COLSPAN='5' height='24' class='date_cell'> \
                            <div align='center' class='head_text' > \
                                 <strong>"+monthname[dt.getMonth()]+"&nbsp;"+format_year(dt.getYear())+"</strong> \
                            </div> \
                        </td> \
                        <td class='date_cell' height='24' > \
                            <div align='center' class='calendar-head'> \
                                <a href='javascript:void(0)' class='calendar-head' onClick='GetActions("+format_year(dtNext.getYear())+","+dtNext.getMonth()+"); write_calendar("+format_year(dtNext.getYear())+","+dtNext.getMonth()+");'> \
                                   <strong><img src='/images/calendar/arr_right.gif' border=0 ></strong> \
                                </a> \
                            </div> \
                        </td> \
                    </tr> \
                    <tr class='cal_day_week'> \
                        <td class='date_cell'> \
                            <div align='center' class='day_col'>Mo.</div> \
                        </td> \
                        <td class='date_cell'> \
                            <div align='center' class='day_col'>Di.</div> \
                        </td> \
                        <td class='date_cell'> \
                            <div align='center' class='day_col'>Mi.</div> \
                        </td> \
                        <td class='date_cell'> \
                            <div align='center' class='day_col'>Do.</div> \
                        </td> \
                        <td class='date_cell'> \
                            <div align='center' class='day_col'>Fr.</div> \
                        </td> \
                        <td class='date_cell'> \
                            <div align='center' class='day_col'>Sa.</div> \
                        </td> \
                        <td class='date_cell'> \
                            <div align='center' class='day_col'>So.</div> \
                        </td> \
                    </td></tr>");

for(var i=0;i<5;i++)
    { 
    doc += ("<tr >");
    for(var j=1;j<=7;j++)
        {
        doc += ("<td height='28' align='center'>");
        if(datevalid)
            {
            if((j==firstday)||((j==7)&&(firstday==0)))  
                {
                        fill=true;
                }
            if(fill)
                {
                
                thisdate=dt.getDate();
                
                utime = dt.getTime()/1000;
                
                if(items[thisdate] == 1 && date_arr[idform] != utime)
                    {
                    // Set Date Id Isset Action
                    doc += ("<div class=\"div_action\" id=\"a"+thisdate+"\" ONMOUSEOVER='this.className=\"div_active\"; ShowActions(this, "+thisdate+"); dh=false; '   ONMOUSEOUT=\"this.className='div_action'; dh = true; HideActions(); \">");
                    }
                else if(items[thisdate] == 1 && date_arr[idform] == utime)
                    {
                    // Set Date Id Isset Action
                    doc += ("<div class=\"div_active\" id=\"a"+thisdate+"\" ONMOUSEOVER='this.className=\"div_active\"; ShowActions(this, "+thisdate+"); dh=false;'   ONMOUSEOUT=\"this.className='div_pass'; dh = true;  HideActions();\" >");
                    }
                else if(date_arr[idform] == utime)
                    {
                    // Selected Date
                    doc += ("<div class=\"div_active\" id=\"a"+thisdate+"\" ONMOUSEOVER='this.className=\"div_active\";' ONMOUSEOUT='this.className=\"div_pass\";'>");
                    }
                else 
                    {
                    // WithOut Sunday && ThisDate
                    doc += ("<div class=\"div_pass\" id=\"a"+thisdate+"\" ONMOUSEOVER='this.className=\"div_active\";' ONMOUSEOUT='this.className=\"div_pass\";'>");
                    }
                
                doc += (thisdate+'</div>');
                dt.setDate(dt.getDate()+1)
                nextdate=dt.getDate();

                if(thisdate>nextdate)
                    {
                    datevalid=false;
                    }
                }
            }

        doc += ("</td>");
        }
    doc += ("</tr>");
    }


doc += ("</table></td></tr>\
         <tr>\
            <td class='clnd_bottombord'></td>\
         </tr>\
         </table>");

document.getElementById(id).innerHTML = doc;

}

// ------------------------------
// Show site selected
// ------------------------------

function ShowActions(th, id)
    {
    var text = '';
    
    if(texts[id] != undefined) text = texts[id];

    // Init sizes
    imCurSizeX = imSizeX;
    imCurSizeY = imSizeY;

    // Destroy previous layer
    DestroyLayer("curDate");
    
    CreateLayer("curDate", GetControlX(th)-200, GetControlY(th)+20, '<div id="context_div" class="context_div" ONMOUSEOUT="HideActions();">'+ShowInRectRed(text)+'</div>');
    }

//---------------------------------
//Check In Context
//---------------------------------
function CheckInContent()
    {
    //Get Context height, width
    var cont = document.getElementById("context_div");
    
    if(!cont) return 0;
    
    ControlX = GetControlX(cont);
    ControlY = GetControlY(cont);
    
    var cHeight =  cont.clientHeight;
    var cWidth  =  cont.clientWidth;
    
    //Get Mouse Position
    var mouseX = CurrentMousePosX;
    var mouseY = CurrentMousePosY;
    
    if( ((mouseX>=ControlX) && (mouseX<=ControlX+cWidth))  && ((mouseY>ControlY) && (mouseY<ControlY+cHeight))) return 1;
    
    return(0);
    }
// --------------------------------
// Destroy Context on outside 
// --------------------------------

//Hide site connect layer
function HideActions()
    {
    if(Time) clearTimeout(Time);

    if(CheckInContent()==1)
        {
        Time = setTimeout('HideActions()', HideTime);
        } 
    else
        {
         Time = setTimeout('GetDestroy()', HideTime);
        }
    }

//Get destroy function
function GetDestroy()
    {
    if(dh) DestroyLayer("curDate");
    }

function ShowInRectRed(data)
    {
   
    // Show table
    var text = '<table WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0" >';
        text +=    '<tr>';
        text +=        '<td WIDTH="5" style="background:url(/images/calendar/b_top_left.gif) no-repeat; background-color:transparent;" HEIGHT="5"></td>';
        text +=        '<td style="font-size:1px;" BGCOLOR="E1011C">&nbsp;</td>';
        text +=        '<td WIDTH="5" style="background:url(/images/calendar/b_top_right.gif) no-repeat;" HEIGHT="5"></td>';
        text +=        '<td WIDTH="6" ></td>';
        text +=    '</tr>';
        text +=    '<tr>';
        text +=    '<td style="font-size:1px;" BGCOLOR="E1011C">&nbsp;</td>';
        text +=    '<td BGCOLOR="E1011C">'+data+'</td>';   
        text +=    '<td style="font-size:1px;" BGCOLOR="E1011C">&nbsp;</td>';   
        text +=        '<td WIDTH="6" style="background:url(/images/calendar/cont_to_arr.gif) no-repeat top;"></td>';
        text +=    '</tr>';
        text +=    '<tr>';
        text +=        '<td WIDTH="5" style="background:url(/images/calendar/b_bot_left.gif) bottom no-repeat;" HEIGHT="5"></td>';
        text +=        '<td style="font-size:1px;" BGCOLOR="E1011C">&nbsp;</td>';  
        text +=        '<td WIDTH="5" style="background:url(/images/calendar/b_bot_right.gif) bottom no-repeat;" HEIGHT="5"></td>';
        text +=        '<td WIDTH="6" ></td>';
        text +=    '</tr>';
        text +=    '</table>'; 
                
            
        return(text);
    }