jQuery(document).ready(function() {
    $('.accordion').accordion({ header: 'h2', autoHeight: false, active: false, change: function(event, ui) {ui.newHeader.blur();} });
    
    if( typeof $().prettyPhoto != 'undefined' ) {
        $("a[rel^='lightbox']").prettyPhoto({
            counter_separator_label: ' von ',
            theme: 'photo_story',
            markup: '<div class="pp_pic_holder"> \
                            <div class="pp_top"> \
                                <div class="pp_left"></div> \
                                <div class="pp_middle"></div> \
                                <div class="pp_right"></div> \
                            </div> \
                            <div class="pp_content_container"> \
                                <div class="pp_left"> \
                                <div class="pp_right"> \
                                    <div class="pp_content"> \
                                        <div class="pp_loaderIcon"></div> \
                                        <div class="pp_fade"> \
                                            <a href="#" class="pp_expand" title="Expand the image">Expand</a> \
                                            <div class="pp_hoverContainer"> \
                                                <a class="pp_next" href="#">next</a> \
                                                <a class="pp_previous" href="#">previous</a> \
                                            </div> \
                                            <div id="pp_full_res"></div> \
                                            <div class="pp_details clearfix"> \
                                                <a class="pp_close" href="#">SCHLIESSEN</a> \
                                                <p class="pp_description"></p> \
                                                <p class="currentTextHolder">0/0</p> \
                                                <div class="pp_nav"> \
                                                    <a href="#" class="pp_arrow_previous">Previous</a> \
                                                    <a href="#" class="pp_arrow_next">Next</a> \
                                                </div> \
                                            </div> \
                                        </div> \
                                    </div> \
                                </div> \
                                </div> \
                            </div> \
                            <div class="pp_bottom"> \
                                <div class="pp_left"></div> \
                                <div class="pp_middle"></div> \
                                <div class="pp_right"></div> \
                            </div> \
                        </div> \
                        <div class="pp_overlay"></div> \
                        <div class="ppt"></div>'
        });
        $("a[rel^='showGallery']").bind('click', function() {
            var theRel = $(this).attr('href');
            var galleryRegExp = /\#(.*)/;
            var theGallery = galleryRegExp.exec(theRel);
            
            var images = new Array(), titles = new Array(), descriptions = new Array();
            $('a[rel*=['+theGallery[1]+']]').each(function(i){
                images.push($(this).attr('href'));
                titles.push($(this).find('img').attr('alt'));
                descriptions.push($(this).attr('title'));
            });

            $.prettyPhoto.open(images,titles,descriptions);
            return false;
        });
    }
    
    /*bind('click', function() {
    });*/
});