var _ctrl;
var animSpeed = 20;
var _timer;
var direction;
var animating = false;

function showHideDetails(lnk)
{
    //overflow:hidden;height:0px;
    var obj = lnk.nextSibling.nextSibling;
    if(lnk.innerHTML == '[ + ] Details')
    {
        obj.style.display = 'block';
        //obj.style.height = '150px';
        lnk.innerHTML = '[ - ] Details';
        
    }
    else
    {
        obj.style.display = 'none';
        //obj.style.height = '0px';
        lnk.innerHTML = '[ + ] Details';
    }/**/
    
    //alert(obj.offsetHeight + ' ' + obj.style.height);
}

function showHideDetails2(lnk)
{
    if(animating)
        return;
        
    _ctrl = lnk.nextSibling.nextSibling;
    
    if(lnk.innerHTML == '[ + ] Details')
    {
        direction = 'down';
        lnk.innerHTML = '[ - ] Details';
        setCtrlVisible(_ctrl);
    }
    else
    {
        direction = 'up';
        lnk.innerHTML = '[ + ] Details';
    }
    
    animating = true;
    _timer = setTimeout('openClose()', 10);
}

function showHideDetails3(lnk, title)
{
    if(animating)
        return;
        
    _ctrl = lnk.nextSibling.nextSibling;
    
    if(lnk.innerHTML == '[ + ] ' + title)
    {
        direction = 'down';
        lnk.innerHTML = '[ - ] ' + title;
        setCtrlVisible(_ctrl);
    }
    else
    {
        direction = 'up';
        lnk.innerHTML = '[ + ] ' + title;
    }
    
    animating = true;
    _timer = setTimeout('openClose()', 10);
}

function setCtrlVisible(_ctrl)
{
    var x = 0;
    for(x = 0; x < _ctrl.childNodes.length; x++)
    {
        var obj = _ctrl.childNodes[x];
        if(obj.tagName && obj.tagName == 'DIV')
            obj.style.display = 'block';
    }
}

//opacity:0;filter:alpha(opacity=0);
function openClose()
{
    var obj;
    
    var x = 0;
    for(x = 0; x < _ctrl.childNodes.length; x++)
    {
        obj = _ctrl.childNodes[x];
        if(obj.tagName && obj.tagName == 'DIV')
            break;
    }
    
    var _hP = _ctrl.offsetHeight;
    var _h = obj.offsetHeight;
    
    if(direction == 'up')
    {
        var newH = _hP - animSpeed;
        if(newH < 1)
        {
            _ctrl.style.height = '1px';
            /*if(BrowserDetect.browser != 'Explorer')
            {
                obj.style.MozOpacity = 0;
            }
            else
            {
                obj.filters.alpha.opacity = 0;
            }/**/
            obj.style.display = 'none';
            
            animating = false;
        }
        else
        {
            _ctrl.style.height = newH + 'px';
            var opacity = 0;
            /*if(BrowserDetect.browser != 'Explorer')
            {
                opacity = newH / _h;
                obj.style.MozOpacity = opacity;
            }
            else
            {
                opacity = Math.round((newH * 100) / _h);
                obj.filters.alpha.opacity = opacity;
            }/**/
            
            _timer = setTimeout('openClose()', 10);
        }
    }
    else
    {
        var newH = _hP + animSpeed;
        if(newH >= _h)
        {
            _ctrl.style.height = _h + 'px';
            /*if(BrowserDetect.browser != 'Explorer')
            {
                obj.style.MozOpacity = 1;
            }
            else
            {
                obj.filters.alpha.opacity = 100;
            }/**/
            
            animating = false;
        }
        else
        {
            _ctrl.style.height = newH + 'px';
            var opacity = 0;
            /*if(BrowserDetect.browser != 'Explorer')
            {
                opacity = newH / _h;
                obj.style.MozOpacity = opacity;
            }
            else
            {
                opacity = Math.round((newH * 100) / _h);
                obj.filters.alpha.opacity = opacity;
            }/**/
            
            _timer = setTimeout('openClose()', 10);
        }
    }
}

/****************************************
 *
 ****************************************/

var xmls = new Array('hfxstore/s10.xml',
                     'hfxstore/s16.xml',
                     'hfxstore/s21.xml',
                     'hfxstore/hfx.xml',
                     'hfxstore/mini.xml',
                     'hfxstore/micro.xml');
                     
var imgs = new Array('s10img',
                     's16img',
                     's21img',
                     'hfximg',
                     'miniimg',
                     'microimg');

var imgsNames = new Array('s10',
                     's16',
                     's21',
                     'hfx',
                     'mini',
                     'micro');

var currIdx = -1;

function initStore()
{
    showModels(0);
}

function showModels(idx)
{
    if(idx != currIdx)
    {
        viewContent(xmls[idx], 'contentToShow')
        
        if(currIdx >= 0)
        {
            setImgStatus(false, currIdx);
        }
        
        setImgStatus(true, idx);
        
        currIdx = idx;
    }
}

function setImgStatus(stat, idx)
{
    if(stat)
        document.getElementById(imgs[idx]).src = '/images/store/' + imgsNames[idx] + '_h.gif';
    else document.getElementById(imgs[idx]).src = '/images/store/' + imgsNames[idx] + '.gif';
}

/**************************************************
 * PayPal
 **************************************************/
 
var _cmd = '_cart';
var _bsm = 'f.luis.neves@quiiq.com';
var _no_ship = 0;
var _no_note = 1;
var curCode = 'EUR';
var _lc = 'PT';
var _bn = 'PP-ShopCartBF';

var _params = new Array('MAGNATE S10 720p (CD/DVD-RW);QMS10-720p;1199.00',
                    'MAGNATE S10 1080p (CD/DVD-RW);QMS10-1080p;1299.00',
                    'MAGNATE S16 (CD/DVD-RW);QMS16;1899.00',
                    'MAGNATE S16 (Blu-Ray RW);QMS16BR;2799.00',
                    'MAGNATE S21 (CD/DVD-RW);QMS21;2499.00',
                    'MAGNATE S21 (Blu-Ray + HD-DVD + CD/DVD-RW);QMS21-BRHDDVD;2499.00',
                    'MAGNATE S21 (Blu-Ray RW + CD/DVD-RW);QMS21-BR;3399.00',
                    'MAGNATE HFX Entry 3 (CD/DVD-RW);QMHFXE3;1599.00',
                    'MAGNATE HFX Top 3 (CD/DVD-RW);QMHFXT3;1799.00',
                    'MAGNATE HFX Entry 3 (Blu-Ray + HD-DVD + CD/DVD-RW);QMHFXE3-BRHDDVD;1899.00',
                    'MAGNATE HFX Top 3 (Blu-Ray + HD-DVD + CD/DVD-RW);QMHFXT3-BRHDDVD;2099.00',
                    'MAGNATE HFX Power Edition 3 (CD/DVD-RW);QMHFXPE3;2199.00',
                    'MAGNATE HFX Power Edition 3 (Blu-Ray RW);QMHFXPE3-BR;3099.00',
                    'MAGNATE HFX Mini Entry 2;QMMNE2;1499.00',
                    'MAGNATE HFX Mini Top 2;QMMNT2;1999.00',
                    'MAGNATE HFX Micro;QMMC;1499.00');

function viewShoppingCart()
{
    window.document.forms['ppShopCart'].submit();
}

function addToShopCart(idx)
{
    var data = _params[idx].split(';');
    var _form = window.document.forms['ppAddCart'];
    
    _form.elements[0].value = 1;
    _form.elements[1].value = _cmd;
    _form.elements[2].value = _bsm;
    _form.elements[3].value = data[0];
    _form.elements[4].value = data[1];
    _form.elements[5].value = data[2];
    _form.elements[6].value = _no_ship;
    _form.elements[7].value = _no_note;
    _form.elements[8].value = curCode;
    _form.elements[9].value = _lc;
    _form.elements[10].value = _bn;
    
    if(idx == 15)
    {
        _form.elements[3].value = data[0] + " (" + getColor() + ")";
        _form.elements[4].value = data[1] + "-" + getColor();
    }
    
    window.document.forms['ppAddCart'].submit();
}

function getColor()
{
    var colorOpt = document.getElementById('color');
    
    if(colorOpt.selectedIndex == 0)
        return 'white';
    else return 'black';
}