﻿

 function fArticlesExpandAccordion(popupBgDivId, popupDivId, popupHeaderDivId, closePopupDivId) {



   var closeHandler = function () {



     $(popupBgDivId).hide();
     $(closePopupDivId).hide();
     $(closePopupDivId).stopObserving('click', closeHandler);
     $(popupHeaderDivId).show();
     floater.close();
     $(popupDivId).setStyle({ width: '294px', height: '510px' });
     //$(popupHeaderDivId).update('Click to Expand');
     //$(popupHeaderDivId).setAttribute('onclick', 'fArticlesExpandAccordion(\'' + popupBgDivId + '\', \'' + popupDivId + '\', \'' + popupHeaderDivId + '\');');
     //$(popupHeaderDivId).stopObserving('click', closeHandler);
     $(popupBgDivId).stopObserving('click', closeHandler);
     var items = $$('#accordion > li');
     itemHeight = 510 - ((items.length * 36) + 40);

     items.each(function (item) {
       item.select('div.toggle').first().setStyle({ height: itemHeight + 'px' });
       item.select('div.toggle').first().setStyle({ width: '246px' });
       item.select('div.toggle').first().setStyle({ overflow: 'hidden' });
       item.select('div.toggle').first().setStyle({ fontSize: '11px' });
       // item.select('a.title').first().setStyle({ padding: '3px 10px' });
       item.select('a.title').first().setStyle({ fontSize: '12px' });
       item.setStyle({ width: '256px' });
     });
   };
        floater = new nsphere.Floater(popupDivId, 676, 510, closeHandler);



        items = $$('#accordion > li');
        itemHeight = 510 - ((items.length * 36) + 40);
        items.each(function (item) {
            item.select('div.toggle').first().setStyle({ height: itemHeight + 'px' });
            item.select('div.toggle').first().setStyle({ width: '628px' });
            item.select('div.toggle').first().setStyle({ overflow: 'hidden' });
            item.select('div.toggle').first().setStyle({ fontSize: '12px' });
            item.select('a.title').first().setStyle({ padding: '7px 10px 6px' });
            item.select('a.title').first().setStyle({ fontSize: '13px' });
            item.setStyle({ width: '638px' });

        });


    $(popupDivId).setStyle({ width: '676px', height: '510px' });
    $(popupHeaderDivId).hide();
    $(closePopupDivId).show();
    $(closePopupDivId).observe('click', closeHandler);
    //$(popupHeaderDivId).update('Close Reader');
    //$(popupHeaderDivId).removeAttribute('onclick');
    //$(popupHeaderDivId).setAttribute('onclick', 'floater.close();');
    //$(popupHeaderDivId).observe('click', closeHandler);
    $(popupBgDivId).show();
    $(popupBgDivId).observe('click', closeHandler);

    if (typeof (piwikTrackingEnabled) != "undefined") {
        if (piwikTrackingEnabled) {
            if (typeof trackToPiwik == "function") {
                trackToPiwik('', 'Article', 'Expand_Click');
            }
        }
    }
}
function fArticlesSectionShownHandler(event) {
    var selectedIndex = event.memo.section.index;
    if (selectedIndex > -1) {
        fArticlesTrackToPiwik(accordion.activeSection.elements.title.id);
    }
}

function fArticlesTrackToPiwik(articleId) {
    if (typeof (piwikTrackingEnabled) != "undefined") {
        if (piwikTrackingEnabled) {
            if (typeof trackToPiwik == "function") {
                trackToPiwik(articleId, 'Article', 'Click');
            }
        }
    }
}
