function changeColor(colorID,colorName,productID,widthSmall,widthBig,position) {
    if (lastColorID != colorID) {
        document.getElementById('image-'+lastColorID).style.visibility = 'hidden';
        document.getElementById('image-'+lastColorID).style.position = 'absolute';
        document.getElementById('image-'+colorID).style.position = 'relative';
        document.getElementById('image-'+colorID).style.visibility = 'visible';

        document.getElementById('color-'+lastColorID).style.width = widthSmall+'px';
        document.getElementById('color-'+colorID).style.width = widthBig+'px';

        document.getElementById('product-colors-title').innerHTML = colorName;
        document.getElementById('product-colors-title').style.marginLeft = (widthSmall*(position-1))+'px';

        if (document.getElementById('link-add') != null) {
            reg = new RegExp(lastColorID+"$",'g');
            url = document.getElementById('link-add').href;
            url = url.replace(reg,colorID) ;
            document.getElementById('link-add').href = url;
        }

        lastColorID = colorID;
    }
}

function showAnswer(questionID) {
    if (document.getElementById('answer-'+questionID).style.visibility == 'hidden' || document.getElementById('answer-'+questionID).style.visibility == '') {
        elm = getElementsByClass('answer');
        for(var i = 0; i < elm.length; i++) {
            elm[i].style.visibility = "hidden";
            elm[i].style.position = "absolute";
        }

        document.getElementById('answer-'+questionID).style.position = 'relative';
        document.getElementById('answer-'+questionID).style.visibility = 'visible';
    } else {
        document.getElementById('answer-'+questionID).style.visibility = 'hidden';
        document.getElementById('answer-'+questionID).style.position = 'absolute';
    }
}

function showColors(productID) {
    elm = getElementsByClass('select-color');
    for(var i = 0; i < elm.length; i++) {
        elm[i].style.visibility = "hidden";
        elm[i].style.position = "absolute";
    }

    document.getElementById('color-'+productID).style.position = 'relative';
    document.getElementById('color-'+productID).style.visibility = 'visible';
}

function showProductPicture(colorID) {
    if (colorID == 'empty' || colorID == '') {
        document.getElementById('product-picture').innerHTML = '';
    } else {
        document.getElementById('product-picture').innerHTML = '<img src="/images/products/'+document.getElementById('product').value+'-color-'+colorID+'.jpg" alt="" />';
    }
}

function showProject(lang) {
    if (document.getElementById('project-text').style.visibility == 'hidden' || document.getElementById('project-text').style.visibility == '') {
        document.getElementById('project-text').style.position = 'relative';
        document.getElementById('project-text').style.visibility = 'visible';
        document.getElementById('project-more').innerHTML = '<a href="javascript:void(0);" onclick="showProject(\''+lang+'\');">+ '+(lang=='fr'?'Cacher les détails':'Hide the details')+'</a>';
    } else {
        document.getElementById('project-text').style.visibility = 'hidden';
        document.getElementById('project-text').style.position = 'absolute';
        document.getElementById('project-more').innerHTML = '<a href="javascript:void(0);" onclick="showProject(\''+lang+'\');">+ '+(lang=='fr'?'Voir les détails':'See the details')+'</a>';
    }
}

function subscription(lang) {
    var semail = document.frm_newsletter.inf_email.value;
    var at     = '@';
    var dot    = '.';

    if (semail == '' || semail.indexOf(at) == -1 || semail.indexOf(dot) == -1 || semail.indexOf(" ") != -1 || semail.length < 8) {
        if (lang == 'fr') {
            showPopup("alert","text",420,100,"<div class=\"error\">Veuillez entrer une adresse courriel valide.</div>");
        } else {
            showPopup("alert","text",420,100,"<div class=\"error\">Please enter a valid email address.</div>");
        }
        document.frm_newsletter.inf_email.focus();
    } else {
        document.frm_newsletter.submit();
    }
}

function getElementsByClass(searchClass,node,tag) {
    var classElements = new Array();
    if(node == null) node = document;
    if(tag == null) tag = '*';

    var els = node.getElementsByTagName(tag);
    var elsLen = els.length;
    var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");

    for(i = 0, j = 0; i < elsLen; i++) {
        if (pattern.test(els[i].className) ) {
            classElements[j] = els[i];
            j++;
        }
    }

    return classElements;
}