function index(p_xsl, p_xml) {
    alert(p_xsl);  
}


/*** TabsPages ***/
function clickTabHeader(p_id, p_pagetoload, p_css) {
    // alert(p_id);    
    loadGallery(p_id, p_css);

    // Set the link(s) with class TabHeaderClicked back to normal
    /*  $(format("a.{0}TabHeaderClicked", p_css)).each(function(i) { $(this).attr('class', format("{0}TabHeader", p_css)); });   */
    // Set new clicked Link  to class TabHeaderClicked
    /* $(format('#a{0}Tabheader{1}', p_css, p_anchor)).attr('class', format("{0}TabHeaderClicked", p_css));*/


    // Hide all contents layers
    $(format("div.{0}TabContent", p_css)).each(function (i) { $(this).hide(); });

    // Show the clicked layer and load page
    // $('#divTabContent' + p_anchor).remove();
    $(format('#div{0}TabContent{1}', p_css, p_id)).show();

    $(format("li.{0}TabActive", p_css)).each(function (i) { $(this).attr('class', format('{0}Tab', p_css)); })
    $(format('#li{0}Tab{1}', p_css, p_id)).attr('class', format("{0}TabActive", p_css));

    loadImage(1, p_css, p_id);

    // Only load page when page is filled
    // if (p_pagetoload != "") $('#divTabContent' + p_anchor).load(p_pagetoload);   
}


function changeTab(id, p_css) {
    var currentClass = $(format('#li{0}Tab{1}', p_css, id)).attr('class');
    var newClass = "";

    switch (currentClass) {
        case format("{0}TabActive", p_css):
            newClass = format("{0}TabActive", p_css);
            break;
        case format("{0}TabHover", p_css):
            newClass = format("{0}Tab", p_css);
            break;
        case format("{0}Tab", p_css):
            newClass = format("{0}TabHover", p_css);
            break;
    }

    $(format('#li{0}Tab{1}', p_css, id)).attr('class', newClass);
}