/* Kapselung des jQuery-Objects, damit andere Javascript-Frameworks mit $-Funktion laufen koennen */
var SB_JS = {};
SB_JS.jquery = jQuery.noConflict(true);

(function($){

    /* ACHTUNG: Bitte jegliches Javascript in dieser Function anlegen!
    * (wird auf document.ready ausgefuehrt)
    */
    $(document).ready(function(){

        /* Javascript nur ausfuehren, wenn der Browser Styles anzeigen kann, d.h. im speziellen Fall wird geprueft, ob Styles geladen sind anhand des Parameters "background-repeat" (default = repeat, hier: repeat-x). Und zwar, weil sich die Anzeige ohne Styles teilweise anders verhalten muss. Die meisten Javascript-Features sind naemlich nur fuer optische Effekte gedacht.
        */
        if(!($('body').css('background-repeat') == 'no-repeat'))
        {
            return false;
        }

        /* ein kleine Kruecke, nur fuer den alten gebrechlichen IE6 */
        /* flackernde Hintergrundgrafiken auf hover unterbinden siehe hier:
        http://www.mister-pixel.com/#Content__state=is_that_simple
        */

        if($.browser.msie && $.browser.version.substr(0,3)=="6.0"){
            try {
                document.execCommand("BackgroundImageCache", false, true);
            } catch(err) {}
        }

        $('div#container-hintergrundbild').prepend('<img src="/fileadmin/template2010/images/bg.jpg" alt="Villingen-Schwenningen" id="hintergrundbild" />');

        /* spezielle Klasse, die fuer eingesetzt Faelle eingesetzt werden kann, bei denen eine spezielle Anzeige nur gelten soll, falls Javascript aktiviert ist (Beispiel: Werbebanner rechts)
        */
        $('html').addClass('js_enabled');

        /* alles, was ohne javascript unsichtbar ist, sichtbar machen */
        $(".js-unsichtbar").show();






        /* Ausklappen der Servicenavigation (Language, Schriftgroesse) bei Steuerung mit der Tastatur (alle Browser) und Maus (v.a. fuer IE6) */
        var oListenLi = $('#naviservice li.aufklapp, #navi li, #box-schnelleinstieg dl, #webbasyswarenkorb_info li');
        $(oListenLi)
            /* mouseover / mouseout */

            .hover(function()
            {
                $(this).children('ul').addClass('aufklapp');
            },
            function()
            {
                $(this).children('ul').removeClass();
            }
            )

            /* keyup / keydown */
            .keyup(function()
            {
                $(this).children('ul').addClass('aufklapp');
            }
            )
            .keydown(function()
            {
                $(this).children('ul').removeClass();
            }
        );

        var dllisten = $('#box-schnelleinstieg dl');
        /* mouseover / mouseout */
        dllisten
            .hover(function()
            {
                $('ul',dllisten).addClass('aufklapp');
            },
            function()
            {
                $('ul',dllisten).removeClass('aufklapp');
            }
            )

            /* keyup / keydown */
            .keyup(function()
            {
                $('ul',dllisten).addClass('aufklapp');
            }
            )
            .keydown(function()
            {
                $('ul',dllisten).removeClass('aufklapp');
            }
        );

        /* Cufon: Ersetzt an diversen Stellen (z.B. Hauptnavigation und Ueberschriften) den Font durch Schmuckschrift (Univers). Wegen der Kapselung der $-Funktion muss hier ein Selector deklariert werden.  */

        if ($.browser.opera && parseInt($.browser.version.substr(0,3)) < 10)
        {
            /* don't cufon if your an opera under 10! */
        }
        else
        {
            CufonSelector = function(query) { return $(query); };
            Cufon.replace('#navi li a.rubrik1', {selector:CufonSelector});
            Cufon.replace('#navi li a.rubrik2', {selector:CufonSelector});
            Cufon.replace('#navi li a.rubrik3', {selector:CufonSelector});
            Cufon.replace('#navi li a.rubrik4', {selector:CufonSelector});
            Cufon.replace('#navi li a.rubrik5', {selector:CufonSelector});
            Cufon.replace('h2', {hover:true,selector:CufonSelector});
            //Cufon.replace('#navigation ul li span.aktiv', {selector:CufonSelector});
            Cufon.now();
        }   

    });

})(SB_JS.jquery);