/*
/*        Dynamic design functions and onLoad events
/*        ----------------------------------------------------------------------
/*         Creates added dynamic functions and initializes loading.
*/


// ======================================================================
//
//        On document ready functions
//
// ======================================================================

jQuery(document).ready(function($) {


        if (typeof(jQuery.fancybox) == 'function') {

                // initialize modal (fancybox)
                // -------------------------------------------------------------------

                // Quickly setup some special references
                // fancybox doesn't like #name references at the end of links so we find
                // them and modify the link to use a class and remove the #name.
                $('a[href$="#popup"]').addClass('iframe').each( function() {
                        $(this).attr('href', this.href.replace('#popup',''));
                });

                // setup fancybox for YouTube
                $("a.zoom[href*='http://www.youtube.com/watch?']").each( function() {
                        $(this).addClass('fancyYouTube').removeClass('zoom');
                });

                // setup fancybox for Vimeo
                $("a.zoom[href*='http://www.vimeo.com/']").each( function() {
                        $(this).addClass('fancyVimeo').removeClass('zoom');
                });


                var overlayColor = '#2c2c2c';

                function fancyTitleFormat(title) {
                        var customTitle = '<div id="Fancybox-CustomTitle"><span id="Fancybox-CustomClose"><a href="javascript:;" onclick="jQuery.fancybox.close();">Schliessen</a></span>' + title + '</div>';
                        return (title.length > 0) ? customTitle : null;
                }

                function fancyAfterLoad() {

                        // show/hide close button
                        if (jQuery('#Fancybox-CustomTitle').length <= 0) {
                                jQuery('#fancybox-close').css('display','block');
                        }

                        // extra button styling
                        jQuery('#fancybox-left-ico, #fancybox-right-ico').css({
                                '-moz-border-radius': '3px',
                                '-webkit-border-radius': '3px',
                                'border-radius': '3px'
                        });

                }

                // fancybox - default
                $('a.zoom').fancybox({
                        'padding': 0,
                        'titlePosition': 'inside',
                        'titleFormat': fancyTitleFormat,
                        'showCloseButton': false,
                        'href': this.href,
                        'transitionIn': 'elastic',
                        'transitionOut': 'elastic',
                        'overlayOpacity': 0.2,
                        'onComplete': fancyAfterLoad
                });

                // fancybox - YouTube
                $('a.fancyYouTube').click(function() {
                        jQuery.fancybox({
                                'padding': 0,
                                'titlePosition': 'inside',
                                'titleFormat': fancyTitleFormat,
                                'showCloseButton': false,
                                'transitionIn': 'elastic',
                                'transitionOut': 'elastic',
                                'overlayOpacity': 0.2,
                                'overlayColor': overlayColor,
                                'title': this.title,
                                'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
                                'type': 'swf',
                                'swf': {
                                        'wmode': 'transparent',
                                        'allowfullscreen'        : 'true'}, // <-- flashvars
                                'onComplete': fancyAfterLoad
                        });
                        return false;
                });

                // fancybox - Vimeo
                $("a.fancyVimeo").click(function() {
                        jQuery.fancybox({
                                'padding': 0,
                                'titlePosition': 'inside',
                                'titleFormat': fancyTitleFormat,
                                'showCloseButton': false,
                                'transitionIn': 'elastic',
                                'transitionOut': 'elastic',
                                'overlayOpacity': 0.2,
                                'overlayColor': overlayColor,
                                'title': this.title,
                                'href': this.href.replace(new RegExp("([0-9])","i"),'moogaloop.swf?clip_id=$1'),
                                'type': 'swf',
                                'onComplete': fancyAfterLoad
                        });
                        return false;
                });

        } // end (typeof(jQuery.fancybox) == 'function')


        // Text and password input styling
        // -------------------------------------------------------------------

        // This should be in the CSS file but IE 6 will ignore it.
        // If you have an input you don't want styles, add the class "noStyle"

        $("input[type='text']:not(.noStyle), input[type='password']:not(.noStyle)").each(function(){
                $(this).addClass('textInput');
        });
        // Focus and blur style changing
        $('.textInput').blur( function() {
                $(this).removeClass('inputFocus');
        }).focus( function() {
                $(this).addClass('inputFocus');
        });


        // FAQ's functionality
        // -------------------------------------------------------------------
        if ($('.faqs li').length > 0 ) {
                var faqs = $('.faqs li');
                faqs.each( function() {
                        var q = $(this);
                        q.children('.question').click( function() {
                                q.children('div').slideToggle('fast', function() {
                                        // Animation complete...
                                });
                        });
                });
        }


        // input lable replacement
        // -------------------------------------------------------------------
        $("label.overlabel").overlabel();

        // apply custom button styles
        // -------------------------------------------------------------------
        buttonStyles(jQuery);

});



// ======================================================================
//
//        Design functions
//
// ======================================================================


// button styling function
// -------------------------------------------------------------------

function buttonStyles($) {
        // Button styles

        // This will style buttons to match the theme. If you don't want a button
        // styled, give it the class "noStyle" and it will be skipped.
        $("button:not(:has(span),.noStyle), input[type='submit']:not(.noStyle), input[type='button']:not(.noStyle)").each(function(){
                var        b = $(this),
                        tt = b.html() || b.val();

                // convert submit inputs into buttons
                if (!b.html()) {
                        b = ($(this).attr('type') == 'submit') ? $('<button type="submit">') : $('<button>');
                        b.insertAfter(this).addClass(this.className).attr('id',this.id);
                        $(this).remove();        // remove input
                }
                b.text('').addClass('btn').append($('<span>').html(tt));        // rebuilds the button
        });

        // Get all styled buttons
        var styledButtons = $('.btn');

        // Fix minor problem with Mozilla and WebKit rendering (can also be done adding this to CSS,
        // button::-moz-focus-inner {border: none;}
        // @media screen and (-webkit-min-device-pixel-ratio:0) { button span {margin-top: -1px;} }
        if (jQuery.browser.mozilla || jQuery.browser.webkit) {
                styledButtons.children("span").css("margin-top", "-1px");
        }

        // Button hover class (IE 6 needs this)
        styledButtons.hover(
                function(){ $(this).addClass('submitBtnHover'); },                // mouseover
                function(){ $(this).removeClass('submitBtnHover'); }        // mouseout
        );
}



// Apply font replacement (cufon)
// -------------------------------------------------------------------
Cufon.replace('h1, h2, h3, h4, h5, h6, .postDate')
        ('#Slides li h3', { textShadow: '1px 1px 2px rgba( 0, 0, 0, .5 )'});