$j = jQuery.noConflict();

// Put all your code in your document ready area
$j(document).ready(function(){
    setInterval( "slideSwitch()", 5000 );
    slideGallery();
});


function slideSwitch() {
    var $active = $j('#slideshow DIV.active');

    if ( $active.length == 0 ) $active = $j('#slideshow DIV:last');

    var $next =  $active.next().length ? $active.next()
    : $j('#slideshow DIV:first');


    $active.addClass('last-active');

    $next.css({
        opacity: 0.0
    })
    .addClass('active')
    .animate({
        opacity: 1.0
    }, 1000, function() {
        $active.removeClass('active last-active');
    });
}


     
// Put all your code in your document ready area
function slideGallery(){


    var div = $j('#galeria .obrazki');

    var ul = $j('#galeria .obrazki ul');
    // unordered list's left margin
    var ulPadding = 16;

    var li = $j('#galeria .obrazki ul li');
    var countPhoto = li.size();
    var photoWidth = li.width();
    var photoSpace = photoWidth + ulPadding;

    // Get menu width
    var divWidth = div.width();
    var ulWidth = countPhoto*photoSpace;
    ul.width(ulWidth);

	
    var left = 0;
    var right = countPhoto*photoSpace;
    $j("#przewin_prawo").click(function() {
        przewinPrawo();
    });
	
    $j("#przewin_lewo").click(function() {
        przewinLewo();
    });

    function przewinPrawo() {
        if(countPhoto*photoSpace-left*(-1) > divWidth ) {
            left = left-photoSpace;
            $j("#przewin_prawo").unbind('click');
            ul.stop(true, true).animate({
                left: left+'px'
            }, 500, function() {
                $j("#przewin_prawo").bind('click', function() {
                    przewinPrawo();
                });
            });
        }
    }

    function przewinLewo() {
        if(left < 0 ) {
            $j("#przewin_lewo").unbind('click');
            left = left+photoSpace;
            ul.stop(true, true).animate({
                left: left+'px'
            }, 500, function() {
                $j("#przewin_lewo").bind('click', function() {
                    przewinLewo();
                });
            });
        }
    }

}


