var action = false;
$(document).ready(function() {

    switchHotlink(-1);


    $("a.fanDetail").fancybox({
        'transitionIn': 'elastic',
        'transitionOut': 'elastic',
        'speedIn': 600,
        'speedOut': 200,
        'overlayShow': false,
        'hideOnOverlayClick': true,
        'hideOnContentClick': true,
        'enableEscapeButton': true
    });

    $("a.zoom").fancybox({
        'transitionIn': 'elastic',
        'transitionOut': 'elastic',
        'speedIn': 600,
        'speedOut': 200,
        'overlayShow': false,
        'hideOnOverlayClick': true,
        'hideOnContentClick': true,
        'enableEscapeButton': true
    });

    $('.thumbView').click(function() {
        $('#ctl00_cphMain_imgMain').attr('src', $(this).attr('src'));
        $('.fanDetail').attr('href', $(this).prev().val());
        $('.zoom').attr('href', $(this).prev().val());
    });

    if ($('.product_left_detail').length > 0) {
        //$('.product_left_detail').jScrollPane();
        $('#product_photo_thumb').jScrollPane();
    }

    $('.menubutton').each(function() {
        if (window.location.pathname == $(this).attr('href')) {
            $(this).attr('class', $(this).attr('class') + ' menubutton_active');
        }
    });

    var container = $('div.sliderGallery');
    var ul = $('ul', container);
    var itemsWidth = ul.innerWidth() - container.outerWidth();

    $('.slider').slider({
        min: 0,
        max: itemsWidth,
        animate: true,
        step: 2,
        slide: function(event, ui) {
            $('.sliderGallery ul').css('left', (ui.value * -1) + 'px');
        },
        create: function(event, ui) {
            $('.ui-slider-handle').css('left', $('#hfLeft').val() + '%');
            $('.sliderGallery ul').css('left', '-' + parseInt((parseFloat($('#hfLeft').val()) / 100.0) * parseFloat(itemsWidth)) + 'px');
        }
    });

    $('.slidArrLeft').mousedown(function(event) {
        action = true;
        if (parseInt($('.ui-slider-handle').css('left').replace('px', '')) > 0) {
            startScrolling(-5, itemsWidth);
        }
    });
    $('.slidArrRight').mousedown(function(event) {
        action = true;
        if (parseInt($('.ui-slider-handle').css('left').replace('px', '')) < 762) {
            startScrolling(5, itemsWidth);
        }
    });
    $('.slidArrLeft').mouseup(function(event) { action = false; });
    $('.slidArrRight').mouseup(function(event) { action = false; });

});

function startScrolling(i, itemsWidth) {
    //obj.animate({ "left": param }, "fast", function() {
    if (parseInt($('.ui-slider-handle').css('left').replace('px', '')) + i > 762)
        i = i - (parseInt($('.ui-slider-handle').css('left').replace('px', '')) + i - 762);
    if (parseInt($('.ui-slider-handle').css('left').replace('px', '')) + i < 0)
        i = i - (parseInt($('.ui-slider-handle').css('left').replace('px', '')) + i);
    if ((parseInt($('.ui-slider-handle').css('left').replace('px', '')) > 0 && i < 0) || (parseInt($('.ui-slider-handle').css('left').replace('px', '')) < 762 && i > 0)) {
        $('.ui-slider-handle').css('left', (parseFloat($('.ui-slider-handle').css('left')) + i) + 'px');
        $('.sliderGallery ul').css('left', '-' + parseInt(((parseInt($('.ui-slider-handle').css('left').replace('px', '')) / 762) * parseInt(itemsWidth))) + 'px');
        if (action) {
            setTimeout("startScrolling(" + i + "," + itemsWidth + ");", 25);
        }
    }
}

var tmp = -1;
function switchHotlink(aid) {

    if (aid >= 0) {
        tmp = aid;
        $(".hot_text").effect('fade', null, 500, switchHotlinkCallback);
    }
    else {
        $.ajax({
            type: "POST",
            url: "/ArticleHandler.ashx",
            data: {
                'dummy': 'a',
                'aid': aid
            },
            success: insertData
        });
    }
}

function switchHotlinkCallback() {
    $.ajax({
        type: "POST",
        url: "/ArticleHandler.ashx",
        data: {
            'dummy': 'a',
            'aid': tmp
        },
        success: insertData
    });
}

function insertData(msg) {
    var result = msg.split(';');
    $('.hot_text').text(result[0]);
    $('.hot_text').attr('href', result[1]);
    $(".hot_text").removeAttr("style").hide().fadeIn();
    setTimeout('switchHotlink(' + (parseInt(result[2])) + ')', 10000);
}

function SwitchDetails() {
    $('.product_left_detail').toggle('slow');
    if ($('b.more').text() == 'Więcej')
        $('b.more').text("Mniej");
    else
        $('b.more').text("Więcej");
    return false;
}