var dPconfig = {}
var statusArray = new Array();

switchToBlue = function(targetId){
    var elem = document.getElementById(targetId);
    elem.style.color = '#1860AA';
}
switchToBlack = function(targetId){
    var elem = document.getElementById(targetId);
    var tab = targetId.match(/\d/g);
    if (statusArray[tab] == 'expanded') {
        elem.style.color = '#000000';
    }
    else 
        if (statusArray[tab] == 'collapsed') {
            elem.style.color = '#555555';
        }
        else {
            elem.style.color = '#555555';
        }
}

function extractTabNumberFromId(id){
    return id.replace(/\D/g,'');
}

function slideUpResult(tabSourceId){
    dPconfig.tab = extractTabNumberFromId(tabSourceId);
    var tab = dPconfig.tab;
    if (tab) {
        var tabId = 'dynamicParagraph' + tab + 'Body';
        Effect.BlindUp(tabId, {
            duration: .3,
            afterFinish: function(ev){
                var sourceElem = document.getElementById('dynamicParagraph' + tab);
                sourceElem.style.borderBottom = '1px solid #C1C1C1';
                sourceElem.style.background = "white";
                statusArray[tab] = 'collapsed';
                var iconElem = document.getElementById('dyna-paragraphs-icon' + tab);
                iconElem.src = '/templates/skins/pekao2/img/dynamic_paragraphs/icon_closed.gif';
                var title = document.getElementById('dynamicParagraph' + tab + 'Title');
                title.style.color = '#555555';
            }
        });
    }
}

function slideDownOnlyResult(tabSrcId){
    dPconfig.tab = extractTabNumberFromId(tabSrcId);	
    var tab = dPconfig.tab;
    if (tab) {
        var tabId = 'dynamicParagraph' + tab + 'Body';
        Effect.BlindDown(tabId, {
            duration: .3,
            beforeStart: function(ev){
                var sourceElem = document.getElementById('dynamicParagraph' + tab);
                sourceElem.style.borderBottom = 'none';
                sourceElem.style.background = "#f5f5f5";
                statusArray[tab] = 'expanded';
                var iconElem = document.getElementById('dyna-paragraphs-icon' + tab);
                iconElem.src = '/templates/skins/pekao2/img/dynamic_paragraphs/icon_open.gif';
                var title = document.getElementById('dynamicParagraph' + tab + 'Title');
                title.style.color = '#000000';
            },afterFinish:function(ev){
				if(Prototype.Browser.IE==true){					
					$(tabId).innerHTML=$(tabId).innerHTML;
				}
			}
        });
    }
}

function toggleBody(e){
    stopPropagation(e);
    e = e || event;/* get IE event ( not passed ) */
    var paragraphInd;
    var srcId;
    if (e.target) {
        paragraphInd = extractTabNumberFromId(e.target.id);
        srcId = e.target.id;
    }
    else if (e.srcElement) {
        paragraphInd = extractTabNumberFromId(e.srcElement.id);
        srcId = e.srcElement.id;
    }
    
    if (statusArray[paragraphInd] == 'expanded') {
        slideUpResult(srcId);
    }
    if (statusArray[paragraphInd] == 'collapsed') {
        slideDownOnlyResult(srcId);
    }
}

function slideDownResult(){
    if (!dPconfig.tab || (dPconfig.tab != this.postFunctionParameter)) {
        dPconfig.tab = this.postFunctionParameter;
    }
    statusArray[dPconfig.tab] = 'collapsed';
    var sourceElem = $('dynamicParagraph' + dPconfig.tab);
    sourceElem.onclick = toggleBody;
    slideDownOnlyResult(dPconfig.tab);
	processTabs('dynamicParagraph'+dPconfig.tab+'Body');        
}