/* SETUP VARIABLES */

/* Thumbnail Opacity */
var thumb_opacity = 0.95;





/* Seite ausblenden, wenn JS aktiviert ist */
var i = 0;
document.write('<style type="text/css">.resize_me_main {display:none;}</style>');

jQuery.noConflict();
	
jQuery(document).ready(function() {

    jQuery("#post_gallery").append('<div id="shiftNext">Next</div>');
    jQuery("#post_gallery").append('<div id="shiftBefore">Before</div>');
    jQuery("#post_gallery").append('<div id="navPager"></div>');
    jQuery("#post_gallery").append('<div class="btn_ngg_pause" style="display:none"><img id="btn_ngg_pause_img" width="16" height="16" src="http://www.laufbild-werkstatt.de/wp-content/themes/mk_laufbild/img/arrow_pauseProject_over.png" /></div>');
    /* Seite weich einblenden */
    jQuery('.resize_me_main').hide().fadeIn(600);
				

    /* 				Mouse Over FX bei Thumbs			 */
    jQuery('.post').hover(function(){
        jQuery(this).children('h2.cat_view').stop().animate({
            opacity:thumb_opacity
        },150);
    },
    function(){
        jQuery(this).children('h2.cat_view').stop().animate({
            opacity:0
        },500);
    });


    jQuery('.lcp_catlist_li').hover(function(){
        jQuery(this).children('.lcp_catlist_link').stop().animate({
            "opacity": thumb_opacity
        },150);
    },
    function(){
        jQuery(this).children('.lcp_catlist_link').stop().animate({
            "opacity": "0"
        },500);
    });
	
	
	/* IE PNG FIX */
	jQuery('body').supersleight();
			
				
		
    /* NextGen Gallery Setup */
    jQuery.fn.nggSlideshow.defaults = {
		
        prev: '#prev',
        next: '#next',
        after: function(curr, next, opts) {
            var alt = $(next).find('img').attr('alt');
            $('#caption').html(alt);
                                
        }
    }
		
}); /* ENDE: document ready */



/* Resize Funktion für die Bilder der NextGen */
/* wird leider immer wieder von der NextGen überschrieben */
function resizeNextGen() {
    var ngHeight = jQuery('#post_gallery').height();
    jQuery('.ngg-slideshow').css({
        'width' : '100%'
    });
    jQuery('.ngg-slideshow').find('img').css({
        'width' : '100%',
        'height': ngHeight
    });
}


/* Funktion zum setzen der Inhaltsgrösse bei jedem €ndern des Fenster neu starten */
jQuery(window).resize(function () {
    resizeNextGen();
    jQuery("#ngg-slideshow-13-274-1").nggSlideshow.fixImages();
});
	
