// Mennegat dynamic effects
// (c) 2007 Loco (Loohuis Consulting), http://www.loohuis-consulting.nl/
// This work is licensed under a 
// Creative Commons Attribution-Share Alike 3.0 Netherlands License
// see http://www.loohuis-consulting.nl/development/cc-by-sa.php

// settings
// track old or new status
var old;
// track helpdesk modification
var helpdeskquestion = false;
var helpdeskemail = false;
var helpdesknumber = false;

// show product menu
function showProductMenu(e)
{
    old = parseInt($('productselect').readAttribute('old'));
    if (old)
        $('newproductselect').show();
    else
        $('oldproductselect').show();
}

// hide product menu
function hideProductMenu(e)
{
    old = parseInt($('productselect').readAttribute('old'));
    if (old)
        $('newproductselect').hide();
    else
        $('oldproductselect').hide();
}

// set up product submenus
function initMenu()
{
    var subs = document.getElementsByClassName('brand');
    subs.each(function(s)
    {
//        Event.observe(s, 'mouseover', showSubMenu);
//        Event.observe(s, 'mouseout', hideSubMenu);
    });
}

// show submenu
function showSubMenu(e)
{
    var elm = Event.element(e);
    var sub = elm.parentNode.getElementsByTagName('ul')[0];
    if (sub)
        Element.show(sub);
}

// hide submenu
function hideSubMenu(e)
{
    var elm = Event.element(e);
$('debug').update(elm.nodeName);
    if (elm.nodeName == 'LI') {
        var sub = elm.getElementsByTagName('ul')[0];
        if (sub)
            Element.hide(sub);
    }
}

// switch thumbnail image
function switchImg(e)
{
    var elm = Event.element(e);
    var thumbs = document.getElementsByClassName('thumb');
    thumbs.each(function(t) {
        t.removeClassName('active');
    });
    elm.addClassName('active');
    $('bigimg').src = elm.src;
}

// clear a textarea on focus
function clearText(e)
{
    var elm = Event.element(e);
    
    if (!eval(elm.id)) {
        elm.value = '';
        eval(elm.id + ' = true');
    }
}

// show/hide faq answers
function showhide(e)
{
    var elm = Event.element(e);
    while (!elm.hasClassName('faq'))
        elm = elm.parentNode;
    var answers = document.getElementsByClassName('answer', elm);
    answers.each(function(a) {
        if (a.visible())
            a.hide();
        else
            a.show();
    });    
    Event.stop(e);
}

// set up actions
function init()
{
/*
    if ($('productselect')) {
        Event.observe('productselect', 'mouseover', showProductMenu);
        Event.observe('productselect', 'mouseout', hideProductMenu);
        initMenu();
    }
*/
    if ($('productextra')) {
        var thumbs = document.getElementsByClassName('thumb');
        thumbs.each(function(t) {
            Event.observe(t, 'click', switchImg);
        });
    }
    if ($('helpdeskquestion')) {
        Event.observe('helpdeskquestion', 'focus', clearText);
    }
    if ($('helpdeskemail')) {
        Event.observe('helpdeskemail', 'focus', clearText);
    }
    if ($('helpdesknumber')) {
        Event.observe('helpdesknumber', 'focus', clearText);
    }
    var faq = document.getElementsByClassName('showhide');
    faq.each(function(t) {
        Event.observe(t, 'click', showhide);
    });

}

Event.observe(window, 'load', init);