/**
 * Author: abdellah@3wkom.net
 */
function abReveal(triggers, targets, targetsHolder){
    triggers = $$(triggers) || $$('.hasChildren');
    targets = $$(targets) || $$('.child');
    targetsHolder = $defined() ? $(targetsHolder) : new Element('div', { id: 'subNavHolder', style: 'display: none' }).inject(document.body);
    targets.inject(targetsHolder);
    var offSetOn = { x: 0, y: 22 };
    var offSetOff = { x: -5000, y: -5000 };
    if (Browser.Engine.trident) {
        offSetOn = { x: -1, y: 22 };
    }
    triggers.each(function(trigger, i){
        var target = targets[i];
        trigger.addEvents({
            "mouseenter": function(){
                targetsHolder.set('style', 'display: block;');
                target.position({ relativeTo: trigger, position: 'topLeft', offset: offSetOn });
                trigger.addClass("hover");
                target.cloneEvents(trigger, "mouseenter");
            },
            "mouseleave": function(){
                targetsHolder.set('style', 'display: none;');
                target.position({ offset: offSetOff });
                trigger.removeClass("hover");
                target.cloneEvents(trigger, "mouseleave");
            }
        });
    });
    
}

window.addEvent("domready", function(){
    abReveal('.hasChildren', '.child');
    
    if ($type($('form')) == 'element') var myFormValidation = new Validate('form', { errorClass: 'red' });
    
    var vider = $$('.vider');
    var value = Array;
    vider.each(function(el, i){
        el.addEvent("click", function(){
            value[i] = el.get('value');
            el.set('value', '');
        });
        el.addEvent("blur", function(){
            if (el.get('value') == '') 
                el.set('value', value[i]);
        });
    });
    
})
