$(document).ready(function(){

    // initialise cards slider flash object
            var flashvars = {
                             config: "/ch/flash/cardslider.xml?__locale=de"
                             };
            var params = {};
            var attributes = {};

            // create flash object
            swfobject.embedSWF(
                               "/system/modules/ch.corner.card.frontend/resources/flash/cardslider.swf",
                               "cardslider_content",
                               "348",
                               "212",
                               "8.0.0",
                               "/system/modules/ch.corner.card.frontend/resources/flash/swfobject/2.2/expressInstall.swf",
                               flashvars,
                               params,
                               attributes
            );

    // initialise service slider flash object
            flashvars = {
                             config: "/ch/flash/serviceslider.xml?__locale=de"
                             };
            params = {};
            attributes = {};

            // create flash object
            swfobject.embedSWF(
                               "/system/modules/ch.corner.card.frontend/resources/flash/serviceslider.swf",
                               "cardslider_content",
                               "348",
                               "212",
                               "8.0.0",
                               "/system/modules/ch.corner.card.frontend/resources/flash/swfobject/2.2/expressInstall.swf",
                               flashvars,
                               params,
                               attributes
            );

    // show tab button for service slider
    $( "#serviceslider_tab" ).css( "display", "block" );

    var ul = $( ".tab_switcher" );
    $( "ul.tab_switcher li" ).click( function(e) {
        var old = $( "ul.tab_switcher li.selected" )[0];
        if( old.id != this.id ) {
            //deactivate old tab
            $( old ).toggleClass( "selected" );
            $( "#"+old.id.replace( "_tab", "_content" ) ).css( "display", "none" );

            //activate new tab
            $( this ).toggleClass( "selected" );
            $( "#"+this.id.replace( "_tab", "_content" ) ).css( "display", "block" );

            return false;
        }
    });
});