/*
    Document    : .js
    Encoding    : UTF-8
    Created on  : 22/Ago/2011, 11:55:23
    Author      : amartins
    Description:
        Purpose of the javascript follows.
*/
// doxygen documentation
/**
  @document compareMenu.js
  @author Alexandre Martins ©
  @created 22/Ago/2011, 11:55:23
 **/
compareMenu = {
    // variable to togle out menu options
    activeBlock: null,
    block2activate: null,
    isBusy: false, // to prevent  double click crash
    element_id: null, // to get paren ID so cann change collapse/expand image

    ToggleBlock: function(element){
        if(compareMenu.isBusy)
            return;
        compareMenu.isBusy = true;
        // each block is delimited by a DIV element inside a table (because of IE :P)
        compareMenu.block2activate = element.parentNode.getElementsByTagName("DIV")[1];
        

        if(compareMenu.block2activate == null){
            compareMenu.isBusy = false;
            return;
        }

        
        if(compareMenu.activeBlock == null){
            $('#' + compareMenu.block2activate.id).slideToggle('slow',
                function(){
                    compareMenu.activeBlock = document.getElementById(compareMenu.block2activate.id);
                    compareMenu.element_id = element.id;
                    if(!compareMenu.activeBlock.style.display || compareMenu.activeBlock.style.display == "block"){
                        document.getElementById(compareMenu.element_id + "_img").src = "images/collapse-36.png";
                    }
                    compareMenu.block2activate = null;
                    compareMenu.isBusy = false;
                });
        }
        else if(compareMenu.block2activate.id == compareMenu.activeBlock.id){
            $('#' + compareMenu.block2activate.id).slideToggle('slow', function(){
                if(!compareMenu.activeBlock.style.display || compareMenu.activeBlock.style.display == "block"){
                    document.getElementById(compareMenu.element_id + "_img").src = "images/collapse-36.png";
                }else{
                    document.getElementById(compareMenu.element_id + "_img").src = "images/more-36.png";
                }
                compareMenu.activeBlock = null;
                compareMenu.isBusy = false;
                return;
            });
        }
        else{
            $('#' + compareMenu.activeBlock.id).slideToggle('slow',
                function(){
                    if(!compareMenu.activeBlock.style.display || compareMenu.activeBlock.style.display == "block"){
                        document.getElementById(compareMenu.element_id + "_img").src = "images/collapse-36.png";
                    }else{
                        document.getElementById(compareMenu.element_id + "_img").src = "images/more-36.png";
                    }
                    $('#' + compareMenu.block2activate.id).slideToggle('slow',function(){
                        compareMenu.activeBlock = document.getElementById(compareMenu.block2activate.id);
                        compareMenu.element_id = element.id;
                        if(!compareMenu.activeBlock.style.display || compareMenu.activeBlock.style.display == "block"){
                            document.getElementById(compareMenu.element_id + "_img").src = "images/collapse-36.png";
                        }else{
                            document.getElementById(compareMenu.element_id + "_img").src = "images/more-36.png";
                        }
                        compareMenu.block2activate = null;
                        compareMenu.isBusy = false;
                    });
                });
        }
    },

    GetItemContent: function(element){
        var url ="GetOptionContent.php";
        var data = {
            option: "item_content",
            db_id: element.getAttribute("db_id"),
            language: curLanguage
        }
        $.post(url, data, function(data){
            document.getElementById("portfolio_item_content").innerHTML = data;
        });
    },

    Reset: function(){
        compareMenu.activeBlock = null;
        compareMenu.block2activate = null;
    }

}