$(document).ready(function() {

    $("a").attr({onfocus: "blur()"});
    $("div").attr({onfocus: "blur()"});

    /* hover dla inputa */
    $('input[type=submit]').live('mouseover', function(){
        $(this).addClass('hover');
    });
    $('input[type=submit]').live('mouseout', function(){
        $(this).removeClass('hover');
    });
    $('input[type=button]').live('mouseover', function(){
        $(this).addClass('hover');
    });
    $('input[type=button]').live('mouseout', function(){
        $(this).removeClass('hover');
    });
    $('div.top_cart, #js_cart_box').live('mouseover', function(){
        $('#js_cart_box').show();
    });
    $('div.top_cart, #js_cart_box').live('mouseout', function(){
        $('#js_cart_box').hide();
    });

/** podmiana zawartosci inputa w wyszukiwarce **/
    var val_ = $(".search_box input.textInput").val();
    if(! val_){
        $(".search_box input.textInput").val("kliknij tutaj i wyszukaj produkt...");
       textFill($('.search_box input.textInput'));
    }

/** menu rozwijane **/
    $('#jsddm > li').bind('mouseover', jsddm_open);
    $('#jsddm > li').bind('mouseout', jsddm_timer);
    $('.visible').live('mouseover', jsddm_canceltimer);
    $('.visible').live('mouseleave', submenu_close);

    document.onclick = jsddm_close;

    $('#product .pics ul li a').bind('click', function(){
        $('#product .pics .colorbox').each(function(){
            $(this).css('display', 'none');
        });

        $('#product .pics .'+$(this).attr('id')).css('display', 'block');

        return false;
    });

/** taby z opisem produktu **/
    $('#product .desc .tabs ul li').bind('click', function(){
        $('#product .desc .tabs ul li a').each(function(){
            $(this).removeClass('active');
        });
        $('a', this).addClass('active');

        $('#product .desc .text div').each(function(){
            $(this).removeClass('show');
        });
        $('#product .desc .text .' + $(this).attr('class')).addClass('show');

        return false;
    });

    /** rozwijanie opisu przedmiotu **/
    $('.desc .buttons .rollup').bind('click', function(){
        $('.desc .text .full').css('display', 'none');
        $('.desc .text.intro').css('display', 'block');
        $(this).css('display', 'none');
        $('.desc .buttons .rolldown').css('display', 'block');
        return false;
    });

    $('.desc .buttons .rolldown').bind('click', function(){
        $('.desc .text.intro').css('display', 'none');
        $('.desc .text .full').css('display', 'block');
        $(this).css('display', 'none');
        $('.desc .buttons .rollup').css('display', 'block');
        return false;
    });

    /** colorbox ---------------------- **/

    $(".colorbox[rel='colorbox']").colorbox({
        current: "{current} z {total}",
        opacity: 0.4
    });
    $(".costs").colorbox({
        inline:true,
        href:"#delivery_price",
        opacity: 0.4
    });

    /** podswietlanie kolorow w widoku produktu **/
    $('.colors .color_box li').bind('mouseenter', function(){
        $('.colors .color_box .active').addClass('activated')
                                          .removeClass('active');
        $('.colors .color_name .active').addClass('activated')
                                        .removeClass('active');
        $('.colors .color_name li').each(function(){
            $(this).css('display', 'none');
        });

        $('.' + $(this).attr('id'), '.colors .color_name').css('display', 'block');
    });
    $('.colors .color_box li').bind('mouseleave', function(){
        $('.colors .color_name li').each(function(){
            $(this).css('display', 'none');
        });
        $('.colors .color_box .activated').addClass('active')
                                           .removeClass('activated');
        $('.colors .color_name .activated').addClass('active')
                                           .removeClass('activated');
    });

    /** Kolory w wyszukiwarce zaawansowanej **/
    var color = 0;
    $('#search_adv .colors dl dd span').bind('click', function(){
        $('#search_adv .colors .color_name ul li').removeClass('active');
        $('#search_adv .colors .color_name ul .' + $(this).attr('id')).addClass('active');
        color = $('#search_adv .colors .color_name ul .active').attr('id');
    });
    $('#search_adv .colors dl dd span').live('mouseenter', function(){
        $('#search_adv .colors .color_name ul li').each(function(){
            $(this).removeClass('active');
        });
        $('#search_adv .colors .color_name ul .' + $(this).attr('id')).addClass('active');
    });
    $('#search_adv .colors dl dd span').live('mouseleave', function(){
        $('#search_adv .colors .color_name ul li').each(function(){
            $(this).removeClass('active');
        });
        $('#search_adv .colors .color_name ul #' + color).addClass('active');
    });



    /** karuzela na glownej stronie **/
    $("#jCarousel").jcarousel({
        initCallback: mycarousel_initCallback,
        scroll: 1,
        auto: 0,
        wrap: 'both',
        animation: 1000,
        itemVisibleInCallback: {
            onAfterAnimation: mycarousel_itemVisibleInCallbackAfterAnimation
        },
        buttonNextHTML: null,
        buttonPrevHTML: null
    });

    /* masonry w karuzeli na glownej */
    $('#jCarousel .cat_list').masonry({
        itemSelector: '.subcat'
    });


    /* pierwszy krok zamowienia */
    $('#as_guest').live('click', function(){

        $('#method_sel').hide();
        $('#data_form').show();
        return false;
    });

    $('#register').live('click', function(){
        $('#method_sel').hide();
        $('#data_form').show();
        return false;
    });

    $('#go_back').live('click', function(){
        $('#data_form').hide();
        $('#method_sel').show();
    });

    $('#id_copy_address').live('click', function(){
        $('#other_address').toggle();
    });


}); /** (document).ready() END **/

$(window).load(function(){

    /** centrowanie pionowe strzalek w karuzeli **/
     var carousel_h = $('.main_cats .carousel .border').height();

     $('.main_cats .carousel .arrow').css({
         'height': carousel_h,
         'line-height': carousel_h+'px'
     });

    /** aktywny selector w karuzeli **/
     $('.jcarousel-control a').click(function(){
         $('.jcarousel-control .active').removeClass('active');
         $(this).addClass('active');
     });

    /** karuzela w widoku produktu **/
     $('#product .pics .carousel').jcarousel({
         scroll: 1,
         wrap: 'both',
         show: 4,
         initCallback: mycarousel_initCallback,
         buttonNextHTML: null,
         buttonPrevHTML: null
     });
});
/*******************************************************************************
** Funkcje
*******************************************************************************/

    function textFill(input){ //input focus text function
        var originalvalue = input.val();
        input.focus(  function(){
            if( $.trim(input.val()) == originalvalue ){ input.val(''); }
        });
        input.blur( function(){
            if( $.trim(input.val()) == '' ){ input.val(originalvalue); }
        });
    }

/**
 * We use the initCallback callback
 * to assign functionality to the controls
 */
    function mycarousel_initCallback(carousel) {
        jQuery('.jcarousel-control a').bind('click', function() {
            carousel.scroll(jQuery.jcarousel.intval(jQuery(this).attr('title')));
            return false;
        });

        jQuery('#carousel-next').bind('click', function() {
            carousel.next();
            return false;
        });

        jQuery('#carousel-prev').bind('click', function() {
            carousel.prev();
            return false;
        });

        // Pause autoscrolling if the user moves with the cursor over the clip.
        carousel.clip.hover(function() {
            carousel.stopAuto();
        }, function() {
            carousel.startAuto();
        });
    };

    function mycarousel_itemVisibleInCallbackAfterAnimation(carousel, item, idx, state) {
        $('.jcarousel-control a').each(function(){
            $(this).removeClass('active');
        });
        $('.jcarousel-control a[title="'+idx+'"]').addClass('active');
    };

    /** funkcja zamykajaca podmenu **/
    function submenu_close(){
        closetimer = window.setTimeout(function(){
            $('.visible').css('visibility', 'hidden')
                         .removeClass('visible');
            $('#jsddm > .hovered').removeClass('hovered');
        }, timeout);
    };