function pageLoad() {

    // ----- turns ListItem and unmarked hyeperlink in Referenzen into hyperlink on roll-over
    $('div.ListItem').mouseover(function(e) {
        var $mouseover_event = $(e.target);
        $mouseover_event.addClass('displayAsHyperlink');
    });

    // ----- removes hyperlink display from ListItem on mouseout
    $('div.ListItem').mouseout(function(e) {
        var $mouseover_event = $(e.target);
        $mouseover_event.removeClass('displayAsHyperlink');
    });

    // ----- expands ExpandedDetails on ListItem click 
    $('div.ListItem').click(function(e) {
        var $click_event = $(e.target);
        // remove markup classes from ExpandedDetails 
        $click_event.removeClass('displayAsHyperlink');
        //$('div.ExpandedDetails').removeClass('HideBorder');
        if ($click_event.next().is(':hidden')) {
            closeExpandedDetails();
            $click_event.addClass('ListItemSelected');
            $click_event.next().slideDown();
        }
        else // ExpandedDetails are displayed already
        {
            $click_event.removeClass('ListItemSelected');
            //$('div.ExpandedDetails').addClass('HideBorder');
            $('div.ExpandedDetails').slideUp(); // hides PflegeDetail that is open
        }
    });

    function closeExpandedDetails() {
        $('div.ListItem').removeClass('ListItemSelected');
        $('div.ExpandedDetails').hide(); // hides PflegeDetail that is open
    }
    
    /* ========== REFERENZEN ... change hyperlink color on rollover ============= */
    $('div#ReferenzenContainer0 a').mouseover(function(e) {
        $mouseover_event = $(e.target);
        $mouseover_event.addClass('activeLinkColor');
    });
    $('div#ReferenzenContainer0 a').mouseout(function(e) {
        $mouseout_event = $(e.target);
        $mouseout_event.removeClass('activeLinkColor');
    });

}






//    // ----------  ad Referenzen; shows / hides images of work done at customer ---------- */
//    // ----- expands customerWorkImg (image of work done at customer's place)
//    // ----- on customerImg (image of customer reference, e.g. Hotel) click
////    $('div.customerLeft img, div.customerRight img').click(function(e) {
//        var $click_event = $(e.target);
//        var $parent = $click_event.parent();
//        if ($parent.hasClass("customerLeft")) { // customerWorkImages of left customerImg
//            if ($parent.siblings('.customerWorkImagesLeft').is(':hidden')) {
//                closeExpandedCustomerImages();
//                var n = $click_event.siblings(':last');
//                $click_event.siblings(':last').addClass('displayCustomerLinkSelected');
//                $parent.siblings('.customerWorkImagesLeft').show();
//            }
//            else {
//                $parent.siblings('.customerWorkImagesLeft').slideUp(250);
//                $click_event.siblings(':last').removeClass('displayCustomerLinkSelected');
//            }
//        }
//        else // customerWorkImages of right customerImg
//        {
//            if ($parent.siblings('.customerWorkImagesRight').is(':hidden')) {
//                closeExpandedCustomerImages();
//                $click_event.siblings(':last').addClass('displayCustomerLinkSelected');
//                $parent.siblings('.customerWorkImagesRight').show();
//            }
//            else {
//                $click_event.siblings(':last').removeClass('displayCustomerLinkSelected');
//                $parent.siblings('.customerWorkImagesRight').slideUp(250);
//            }
//        }
//    });
//    /* -- if you click anywhere on the expanded customerWorkImage area it'll close --- */
//    $('div.customerWorkImg, div.customerWorkImagesRight, div.customerWorkImagesLeft').click(function() {
//        $('div.customerLink').removeClass('displayCustomerLinkSelected');
//        $('div.customerWorkImagesLeft, div.customerWorkImagesRight').slideUp(250);
//    });
//}
//
//    function closeExpandedCustomerImages() {
//      $('div.customerLink').removeClass('displayCustomerLinkSelected');
//      $('div.customerWorkImagesLeft, div.customerWorkImagesRight').hide();  
//    }




//    $('div#ReferenzenContainer1 a').mouseover(function(e) {
//        var $mouseover_event = $(e.target);
//        $mouseover_event.addClass('displayAsHyperlink');
//    });


//    $('div#ReferenzenContainer1 a').mouseover(function(e) {
//        var $mouseover_event = $(e.target);
//        $mouseover_event.addClass('turnBlue');
//        $mouseover_event.addClass('displayAsHyperlink');
//    });

//    $('div#ReferenzenContainer1 a').mouseout(function(e) {
//        var $mouseover_event = $(e.target);
//        $mouseover_event.removeClass('turnBlue');
//        $mouseover_event.addClass('turnAqua');
//        $mouseover_event.removeClass('displayAsHyperlink');
//    });