/*
 * FadeIn des Contents
 */

jQuery(document).ready(function() {
    jQuery('#optional_info').hide();
   if(jQuery.browser.msie!=true){
       jQuery(".col-main").hide();
       jQuery(".col-main").fadeIn("slow");
    }
    
    jQuery('.control.retail').hover(
        function(){
            jQuery('.retailer_info').fadeIn()
        },
        function(){
            jQuery('.retailer_info').fadeOut()
        });
    jQuery('.hr_arrow').toggle(
            function(){
                jQuery('#optional_info').slideDown();
                jQuery('.arrow_right').addClass('arrow_down').removeClass('arrow_right');
            },
            function(){
                jQuery('#optional_info').slideUp();
                jQuery('.arrow_down').addClass('arrow_right').removeClass('arrow_down');
                })
   
    /*
     * Fancybox
     */

    jQuery(".main-product-img#image, .product-img-box a, .more-views a").fancybox({
        'titleShow' : false,
        'transitionIn' : 'elastic',
        'transitionOut' : 'elastic',
        'easingIn' : 'easeOutBack',
        'easingOut' : 'easeInBack',
        'hideOnContentClick':'true'
    });

    jQuery('.link-wishlist').click(function(){
        $this = this;
        LinkUrl = jQuery(this).attr('href');
        jQuery(this).ajaxStart(function(){
            jQuery('.top-link-wishlist').addClass('loading');
            jQuery($this).addClass('loading');
        });
        jQuery(this).ajaxStop(function(){
            jQuery('.top-link-wishlist').removeClass('loading');
            jQuery($this).removeClass('loading');
           
        });
        jQuery('.top-link-wishlist').parents('li').load(LinkUrl+' .top-link-wishlist');
        
        return false;
    });
});


/*
 * FadeIn des Contents
 */

function contentloader(dataid) {
    jQuery(".col-main").load("myfile.php?id="+dataid+"");
}



/*
 * Accordion Menü im Shop
 */

/*
 * Funktionsweise:
 *  Wird der Titel eines der zusammengeklappten div Elemente angeklickt, wird dieses ausgefahren,
 *  sofern der Inhalt versteckt war, alle anderen eventuell ausgefahrenen .accordion_text Elemente werden ausgeblendet.
 *  Ist der Punkt bereits sichtbar gewesen, klappt der zu
 *
 *  Zu beachten:
 *     - Alle Elemente die zusammengeklappt werden sollen, sollten mit einem div container mit der Klasse .accordionMenu
 *       umgeben sein.
 *     - Die ‹berschriften sollten a hrefs mit der Klasse title_link zum anklicken bieten
 *     - Die Textinhalte sollten in beliebigen Elementen der Klasse .accordion_text stehen
 *
 *
 */
jQuery(document).ready(function(){

  jQuery(".vertnav-container .level0-inactive ul").hide();
    jQuery(".vertnav-container .level0-active ul").hide();      // Zum öffnen des aktiven Elements!
    jQuery(".vertnav-container .level0-active ul").slideDown("slow");      // Zum öffnen des aktiven Elements!
    jQuery(".level0 span.vertnav-cat a").click(
        function(){
            if      (jQuery(this).parents("#vertnav li.level0").find(".level1").is(':hidden'))
                jQuery(".vertnav-container .level1").slideUp("slow");
            else if (jQuery(this).parents("#vertnav li.level0").find(".level1").is(':active'))
                jQuery(".vertnav-container .level1").show();
            else     jQuery(this).parents("#vertnav li.level0").find(".level1").slideUp("slow");
        });
   
/*
         * Code für weitere Accordionebenen
         */

/*
            jQuery(".level1 span.vertnav-cat a span").click(
                          function(){
                               jQuery(".level0 span.vertnav-cat").stop();
                               jQuery(".level1 span.vertnav-cat  a span").show();

                               if   ($(this).parents(".level1").find(".level1 .vertnav-cat").is(':hidden'))
                                        $(this).parents(".level1").find(".level1 .vertnav-cat").slideDown();
                               else     $(this).parents(".level1").find(".level1 .vertnav-cat").slideUp();
            });
        */
});

   
/*
 * Effect beim Einloggen
 */

// execute your scripts when the DOM is ready. this is a good habit
jQuery(function() {

    // expose the form when it's clicked or cursor is focused
    jQuery(".registered-users div.content").bind("click keydown", function() {

        jQuery(this).expose({

            // custom mask settings with CSS
            maskId: 'mask',

            onClose: function() {
                this.getExposed().css({
                    backgroundColor: null
                });
            },

            api: true

        }).load();
    });
});