window.addEvent('domready', function(){
    /**
     * Hier worden alle menu rollovers geregeld
     */
     $('sub_producten').setOpacity(1);
     $('sub_concept').setOpacity(1);
     $('sub_media').setOpacity(1);
     $('sub_nieuws').setOpacity(1);
     $('sub_service').setOpacity(1);
	// HEAD_PRODUCTEN
	$('head_producten').addEvents({
		'mouseenter': function(){
            this.className = 'hoofdmenu_button active';
            var sub = $('sub_producten');
           // sub.fade(1);
            sub.className = 'submenu';
		},
		'mouseleave': function(){
            this.className = 'hoofdmenu_button'
            var sub = $('sub_producten');
            //sub.setOpacity(0);
            sub.className = 'submenu sub_nonactive'
		}
	});
    // HEAD_CONCEPT
    $('head_concept').addEvents({
		'mouseenter': function(){
            this.className = 'hoofdmenu_button active';
            var sub = $('sub_concept');
            //sub.fade(1);
            sub.className = 'submenu';
		},
		'mouseleave': function(){
            this.className = 'hoofdmenu_button'
            var sub = $('sub_concept');
            //sub.setOpacity(0);
            sub.className = 'submenu sub_nonactive'
		}
	});
    
    // HEAD_MEDIA
    $('head_media').addEvents({
		'mouseenter': function(){
            this.className = 'hoofdmenu_button active';
            var sub = $('sub_media');
           // sub.fade(1);
            sub.className = 'submenu';
		},
		'mouseleave': function(){
            this.className = 'hoofdmenu_button'
            var sub = $('sub_media');
            //sub.setOpacity(0);
            sub.className = 'submenu sub_nonactive'
		}
	});
    
    // HEAD_NIEUWS
    $('head_nieuws').addEvents({
		'mouseenter': function(){
            this.className = 'hoofdmenu_button active';
            var sub = $('sub_nieuws');
            //sub.fade(1)
            sub.className = 'submenu';
		},
		'mouseleave': function(){
            this.className = 'hoofdmenu_button'
            var sub = $('sub_nieuws');
           // sub.setOpacity(0);
            sub.className = 'submenu sub_nonactive'
		}
	});
    
    // HEAD_SERVICE
    $('head_service').addEvents({
		'mouseenter': function(){
            this.className = 'hoofdmenu_button active';
            var sub = $('sub_service');
           // sub.fade(1);
            sub.className = 'submenu';
		},
		'mouseleave': function(){
            this.className = 'hoofdmenu_button'
            var sub = $('sub_service');
           // sub.setOpacity(0);
            sub.className = 'submenu sub_nonactive'
		}
	});
    
    /**
     * Initialiseer de modal windows basis
     */
    var viewportSize = $(window).getSize();
    
    var modal_bg = $('modal_bg');
    modal_bg.setOpacity(0.7);
    
    modal_bg.setStyles({
        background: '#000',
        position: 'absolute',
        top: 0,
        left: 0,
        width: viewportSize.x,
        height: viewportSize.y,
        visibility: 'hidden',
        display: 'none'
    });
    var modal_win = $('modal_win');
    modal_win.setOpacity(1);
    modal_win.setStyles({
        visibility: 'hidden',
        display: 'none',
        position: 'relative',
        margin: 'auto'
    });
    
    $('modal_bg').addEvent('click', function() {
        this.setStyles({
            visibility: 'hidden',
            display: 'none'
        });
        $('modal_win').setStyles({
            visibility: 'hidden',
            display: 'none'
        });
        $('modal_win').set('text', 'De content wordt geladen...');
    });
});

function OpenColorSelect(id) {
    var req = new Request.HTML({url:'/include/ajax/ajax.load.color.form.php?mid=' + id, 
        onSuccess: function(html) {
            //Clear the text currently inside the results div.
            $('frm_holder').set('text', '');
            //Inject the new DOM elements into the results div.
            $('frm_holder').adopt(html);
        },
        //Our request will most likely succeed, but just in case, we'll add an
        //onFailure method which will let the user know what happened.
        onFailure: function() {
            $('frm_holder').set('text', 'Er is een fout opgetreden bij het ophalen van het bestelformulier.');
        }
    });
    req.send();
}

function UpdateColorSelect(id, cid) {
     var req = new Request.HTML({url:'/include/ajax/ajax.load.color.form.php?mid=' + id + '&cid=' + cid, 
        onSuccess: function(html) {
            //Clear the text currently inside the results div.
            $('frm_holder').set('text', '');
            //Inject the new DOM elements into the results div.
            $('frm_holder').adopt(html);
        },
        //Our request will most likely succeed, but just in case, we'll add an
        //onFailure method which will let the user know what happened.
        onFailure: function() {
            $('frm_holder').set('text', 'Er is een fout opgetreden bij het ophalen van het bestelformulier.');
        }
    });
    req.send();
}