var browser = navigator.userAgent;
if(browser.indexOf('MSIE') != -1 && browser.indexOf('Opera') == -1) var browser = "Microsoft Internet Explorer";

function getE(id)
{
    return document.getElementById(id);
}

function show_submenu(id)
{
    if(!document.getElementById('subspacer'))
    {
        oDiv = document.createElement('DIV');
        oDiv.id = 'subspacer';
        oDiv.style.position = 'absolute';
        oDiv.style.top = '20';
        oDiv.style.left = '0';
        oDiv.style.width = '100%';
        oDiv.style.height = '70%';
        oDiv.style.zIdex = '50';
        //oDiv.style.backgroundColor = '#ff0000';
        oDiv.onmouseover = function() {  oClear_all = setTimeout('hide_all_subs()',500); }
        oDiv.onmouseout = function() {  if(typeof oClear_all != 'undefined') clearTimeout(oClear_all); }

        document.body.appendChild(oDiv);
    }
    else document.getElementById('subspacer').style.display = '';

    clear_sub_timeout();
    var oSub = document.getElementById(id);
    if(oSub)
    {
        //oSub.style.width = oSub.parentNode.clientWidth;
        //oSub.style.display = 'block';
        //new Effect.BlindUp(oSub.id);
        //if(browser == "Microsoft Internet Explorer") oSub.style.marginLeft = -oSub.parentNode.clientWidth - 60;
        //else oSub.style.marginLeft = -60;//-oSub.parentNode.clientWidth-15 - 100;
        new Effect.Appear(oSub, { duration: 0.4});
    }
}


function opac_ie(id)
{
    //alert(id);
    document.getElementById(id).style.filter = "alpha(opacity=90,type=2)";
}

function hide_submenu(id,oTime)
{
    if(typeof oTime == 'undefined') oTime = 1000;
    oSub = document.getElementById(id);
    if(oSub) oHideTimer = setTimeout("hide_it()",oTime);
}

function clear_sub_timeout() {     if(typeof oHideTimer != 'undefined') clearTimeout(oHideTimer);document.getElementById('subspacer').style.display = ''; }

function hide_it() {

    //oSub.style.display = 'none';
    new Effect.Fade(oSub, { duration: 0.2});

}

function hide_all_subs()
{
    if(typeof oSubmenu_array != 'undefined')
    {
        for(i=0;i<oSubmenu_array.length;i++)
        {
            var oSub = document.getElementById(oSubmenu_array[i]);
            if(oSub) oSub.style.display = 'none';
        }
        if(document.getElementById('subspacer')) document.getElementById('subspacer').style.display = 'none';
    }
}


function showhide(id)
{
    t = document.getElementById(id);
    if(t)
    {
        if(t.style.display == 'none') t.style.display = '';
        else t.style.display = 'none';
    }
}

function _hide(id) { getE(id).style.display = 'none'; }

function show_parent_nodes(oSub)
{
    //oSub = oSub.parentNode;
    while(oSub.parentNode)
    {
        if(oSub) oSub.style.display = '';
        oSub = oSub.parentNode;
    }
}

function top_offset(oThis,oTarget_id,topOffset)
{
    if(!oThis.currentStyle)
    {
        oTopMargin = oThis.offsetHeight * topOffset;
        document.getElementById(oTarget_id).style.marginTop = oTopMargin;
    }
}


if(typeof oActive_insert == 'undefined') oActive_insert     = new Object();
oActive_insert     = function (src,type,width,height,params)
{
    this.oSrc         = src;
    this.oType        = type;
    this.oWidth        = width;
    this.oHeight        = height;
    this.oParams        = params;

    if(this.oParams == '' || this.oParams == undefined) this.oParams = ' wmode="transparent" ';

    this.init        = function()
    {
        this.oHTML         = ''; // reset the html
        if(this.oParams == '' || typeof(this.oParams) == 'undefined')     this.oParams = 'autoplay=\"0\" autostart=\"0\"';
        if(this.oType == 'swf') this.getswf();
        if(this.oType == 'mov') this.getmov();
        if(this.oType == 'avi') this.getmov();
        if(this.oType == 'dcr') this.getdcr();
        if(this.oType == 'mpeg' || this.oType == 'mpg') this.getmpeg();
        if(this.oType == 'wmv') this.getwmv();
        document.write(this.oHTML);
    }

    this.getswf = function()
    {
        this.oHTML         = '<embed src="'+this.oSrc+'" '+ this.oParams +' pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="'+this.oWidth+'" height="'+this.oHeight+'" />';
    }

    this.getmov = function()
    {
        this.oHTML         = '  <embed src="'+this.oSrc+'" '+ this.oParams +' pluginspage="http://www.apple.com/quicktime/download/" type="video/quicktime" width="'+this.oWidth+'" height="'+this.oHeight+'" />';
    }

    this.getmpeg = function()
    {
        this.oHTML         = '  <embed src="'+this.oSrc+'" '+ this.oParams +' width="'+this.oWidth+'" height="'+this.oHeight+'" />'; // pluginspage="http://www.microsoft.com/mac/otherproducts/otherproducts.aspx?pid=windowsmedia" type="video/quicktime"
    }

    this.getwmv = function()
    {
        this.oSrc = this.oSrc.replace("../../userfiles/",oAbspath+"userfiles/"); // op de een of andere manier werkt wmv alleen met absoluut pad
        this.oHTML         = '  <embed src="'+this.oSrc+'" '+ this.oParams +' width="'+this.oWidth+'" height="'+this.oHeight+'" />';
    }

    this.getdcr = function()
    {
        this.oSrc = this.oSrc.replace("../../userfiles/",oAbspath+"userfiles/"); // op de een of andere manier werkt wmv alleen met absoluut pad
        this.oHTML         = '  <embed '+ this.oParams +' src="'+this.oSrc+'" '+ this.oParams +' width="'+this.oWidth+'" height="'+this.oHeight+'" />';
        this.oHTML         = '    <OBJECT CLASSID="clsid:166B1BCA-3F9C-11CF-8075-444553540000"  CODEBASE="http://active.macromedia.com/director/cabs/sw.cab" WIDTH="'+this.oWidth+'" HEIGHT="'+this.oHeight+'" > <PARAM NAME="SRC" VALUE="'+this.oSrc+'"><embed src="'+this.oSrc+'" width="'+this.oWidth+'"  height="'+this.oHeight+'" '+ this.oParams +'> </OBJECT>';
    }

    this.init();
}

function backlink()
{
    oBl = document.getElementById('backlink');
    if(oBl)
    {
        if(window.history.length > 1)
        {
            oBl.style.display = '';
        }
    }

}

window.setTimeout('backlink()',400);

function getWindowWidth() {
    var windowWidth = 0;
    if (typeof(window.innerWidth) == 'number') {
        windowWidth = window.innerWidth;
    }
    else {
        if (document.documentElement && document.documentElement.clientWidth) {
            windowWidth = document.documentElement.clientWidth;
        }
        else {
            if (document.body && document.body.clientWidth) {
                windowWidth = document.body.clientWidth;
            }
        }
    }
    return windowWidth;
}


function getWindowHeight() {
    var windowHeight = 0;
    if (typeof(window.innerHeight) == 'number') {
        windowHeight = window.innerHeight;
    }
    else {
        if (document.documentElement && document.documentElement.clientHeight) {
            windowHeight = document.documentElement.clientHeight;
        }
        else {
            if (document.body && document.body.clientHeight) {
                windowHeight = document.body.clientHeight;
            }
        }
    }
    return windowHeight;
}


function set_bg(oElement,_color, _fontcolor)
{
    oTDs = oElement.getElementsByTagName('TD');
    for(var i = 0; i < oTDs.length; i++)
    {
        oTDs[i].style.backgroundColor   =  ( _color != undefined ) ? _color : '';
        oTDs[i].style.color             =  (_fontcolor != undefined) ? _fontcolor : '';
    }
}




_events = function()
{
    this.browser = navigator.userAgent;
    this.day;
    this.month;
    this.year;
    this.regio_id;

    if(this.browser.indexOf('MSIE') != -1 && this.browser.indexOf('Opera') == -1) this.browser = "Microsoft Internet Explorer";


    this.conn = function()
    {
        if ( this.browser == 'Microsoft Internet Explorer' ) return new ActiveXObject("Microsoft.XMLHTTP");
        else return new XMLHttpRequest();
    }

    this.getE = function(id) { return document.getElementById(id); }


    this.switch_regio = function(regio_id)
    {
        this.load_event_sum(this.day,this.month,this.year,regio_id,'month');
    }
    this.load_calendar = function(month,year,regio_id)
    {
        if(!_events.getE('calendar')) return;
        _events.getE('calendar').innerHTML += '<div id="ajaxloader">&nbsp;</div>';

        getE('ajaxloader').style.marginTop = -(getE('calendar').offsetHeight/2);
        getE('ajaxloader').style.marginLeft = (getE('calendar').offsetWidth/2) - 16;
        ht_calendar     = this.conn();
        ht_calendar.open('GET', oAbspath + 'templates/lekkerfietsen/1/ajax.events.php?action=loadcalendar&m='+month+'&y='+year+'&regio_id='+regio_id,true);
        ht_calendar.onreadystatechange = this.show_calendar;
        ht_calendar.send('');
    }

    this.show_calendar = function()
    {
        if ( ht_calendar.readyState == 4 )
        {
                var response     = ht_calendar.responseText;
                _events.getE('calendar').innerHTML = response;

        }
    }

    this.load_event_sum = function(day,month,year,regio_id,type)
    {

        if(!getE('eventsdiv'))
        {
            var _eventsdiv = document.createElement('div');
            _eventsdiv.id = 'eventsdiv';
            document.body.appendChild(_eventsdiv);
            var _innerH = '<div class="opac">&nbsp;</div>';
            _innerH += '<div class="floatframe">';
            _innerH += '         <div style="margin: 5% auto auto auto;width:765px;height:420px;background-color:#FFFFFF;padding:1px" class="regio_overlib" id="eventscontent">';
            _innerH += '        </div>';
            _innerH += '</div>';

            _eventsdiv.innerHTML = _innerH;

            _eventsdiv.style.top = document.body.scrollTop;

        }
        else
        {
            //new Effect.Appear(getE('eventsdiv'),300);
            getE('eventsdiv').style.top = document.body.scrollTop;
            getE('eventsdiv').style.display = '';
        }

        this.day         = day;
        this.month         = month;
        this.year         = year;
        this.regio_id     = regio_id;

        document.body.style.overflow = 'hidden';

        // #### IE
        if(getE('events_select_month')) getE('events_select_month').style.display     = 'none';
        if(getE('events_select_year')) getE('events_select_year').style.display     = 'none';


        ht_event_sum     = this.conn();
        ht_event_sum.open('GET', oAbspath + 'classes/rbt/ajax.class.php?action=loadevents&maand='+month+'&dag='+day+'&jaar='+year+'&regio_id='+regio_id+'&type='+type+'&showall_regios=true',true);
        ht_event_sum.onreadystatechange = this.show_event_sum;
        ht_event_sum.send('');
    }

    this.show_event_sum = function()
    {
        if ( ht_event_sum.readyState == 4 )
        {
                var response     = ht_event_sum.responseText;
                _events.getE('eventscontent').innerHTML = response;
        }
    }

    this.load_info = function(id,day,month,year,regio_id)
    {
        getE('eventsdiv').style.top = document.body.scrollTop;
        getE('eventsdiv').style.display = '';
        ht_info     = this.conn();
        ht_info.open('GET', oAbspath + 'classes/rbt/ajax.class.php?action=load_event_info&id='+id+'&maand='+month+'&dag='+day+'&jaar='+year+'&regio_id='+regio_id,true);
        ht_info.onreadystatechange = this.show_info;
        ht_info.send('');
    }

    this.show_info = function()
    {
        if ( ht_info.readyState == 4 )
        {
                var response     = ht_info.responseText;
                _events.getE('event_sum').innerHTML = response;
        }
    }

    this._close_window = function(id)
    {
        // #### IE
        if(getE('events_select_month')) getE('events_select_month').style.display     = '';
        if(getE('events_select_year')) getE('events_select_year').style.display     = '';
        getE(id).style.display = 'none';
        document.body.style.overflow = '';

    }
}
_events = new _events();







_menu = function()
{
     this.sub_arr = new Array();
     this.proceed_hiding = false;

        this.show = function(sub_id)
        {
            getE(sub_id).style.display = '';
        }

        this.hide = function(sub_id)
        {
            setTimeout("_menu.do_hide('" + sub_id + "')",500);
            this.proceed_hiding = true;
        }

        this.do_hide = function(sub_id)
        {
            if(this.proceed_hiding == true && getE(sub_id)) getE(sub_id).style.display = 'none';
        }

        this.init = function()
        {
            for(var i = 0; i < this.sub_arr.length; i++)
            {
                getE(this.sub_arr[i]).style.display = 'none';
            }
        }

        this.showsub_and_up = function(_element, sub_id)
        {
            this.proceed_hiding = false;
            var oSub = (sub_id != false) ? getE(sub_id) : _element;
            this.init(); // alle subs eerst verbergen

            _element.parentNode.style.display = '';

            oSub.style.display = '';

            while(oSub.parentNode)
            {
                if(oSub) oSub.style.display = '';
                oSub = oSub.parentNode;
            }
        }




}

_menu = new _menu();