sdir = getScriptName();
//alert(sdir);
var str = sdir.replace(/(\w+)_(en|ro)/,"$1"); //TODO: must be language independant
//alert(sdir + ' => ' + str);
sdir = str;

var imgDir = imgDir || 'images/slideshow/' + sdir + '/'; //getScriptName() + '/';
var ie6 = $.browser.msie && /MSIE 6.0/.test(navigator.userAgent);
var ie7 = $.browser.msie && /MSIE 7.0/.test(navigator.userAgent);

function setOpacity(container,opacity)
{
    if (ie6 || ie7) {
        opacity *= 100;
        $(container).css('filter','alpha(opacity=' + opacity +')');
    }
    else {
        $(container).css('opacity',opacity);
    }

}

$.easing.elasout = function(x, t, b, c, d) {
    var s=1.70158;var p=0;var a=c;
    if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
    if (a < Math.abs(c)) { a=c; var s=p/4; }
    else var s = p/(2*Math.PI) * Math.asin (c/a);
    return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
};

function slideImages(imagesArray, options) {
    var options = options || {};
    var imageWidth = 165;
    var divWidth = imagesArray.length * imageWidth;
    var divLeft = $('#slideshow').offset().left;
    var divCenter = parseInt(parseInt($('#slideshow').width())/2);
    var scrollerWidth = 100;
    var scrollSpeed = 3;
    var containerWidth = 660;
    var scrollerRight = divWidth - containerWidth;
    var opacity = 0.5;
    var speed = 'fast';

    $('#slideshow').append('<div id="fade"></div>');
    var $slider = $('#fade');
    $slider
        .css({
                position: 'absolute',
                    overflow: 'hidden',
                    height: '214px',
                    width: containerWidth + 'px',
                    zIndex: 15,
                    left: 0,
                    marginLeft: 0
                    })
        ;
    $('<ul />').appendTo($slider);

    $slider.find('ul').css({ marginLeft: 0}); //'-' + parseInt(divWidth / 2) + 'px' });
    if (ie6 || ie7) {
        var ieStyle = ' style="filter: gray;" ';
    } else {
        var ieStyle = ' ';
    }
    for (image in imagesArray) {
        $slider.find('ul')
            .width(divWidth)
            .append(
'<li class="slide"><a title=" " href="'
 + imgDir + 'large-' + imagesArray[image] +
 '" rel="lightbox-tour"><img ' + ieStyle + ' src="' + imgDir + imagesArray[image] +
 '" alt="' + imgDir + imagesArray[image] + '" /></a></li>');
    }

    $slider.find('ul').find('li')
        .bind('mouseover', function(e) {
                setOpacity(this,1);
                if (ie6 || ie7) {
                    $(this).find('img').removeAttr("style");
                }
            })
        .bind('mouseout', function(e) {
                setOpacity(this,opacity);
                if (ie6 || ie7) {
                    $(this).find('img').attr({style: "filter: gray"});
                }
            });
    setOpacity($slider.find('ul').find('li'), opacity);

    $('<div />')
        .attr('id', 'slideRight')
        .css({
                float: 'right',
                    background: '#000'
                    })
        .prependTo('#slideshow')
        .hover(
               function() {
                   var widthLeft = parseInt(
                                            parseInt(scrollerRight)-
                                            Math.abs(parseInt($slider.find('ul').css('marginLeft')))
                                            );
                   var durationScroll = widthLeft * scrollSpeed;
                   $slider.find('ul')
                       .stop()
                       .animate({ marginLeft: '-' + parseInt(scrollerRight)  + 'px' }, durationScroll);
               },
               function() {
                   $slider.find('ul')
                       .stop();
               })
        ;

    $('<div />')
        .attr('id', 'slideLeft')
        .css({
                float: 'left',
                    background: '#000',
                    zIndex: 200
                    })
        .prependTo('#slideshow')
        .hover(
               function() {
                   var widthLeft = Math.abs(parseInt($slider.find('ul').css('marginLeft')));
                   var durationScroll = widthLeft * scrollSpeed;
                   $slider.find('ul')
                       .stop()
                       .animate({ marginLeft: 0 + 'px' }, { duration: durationScroll });
               },
               function() {
                   $slider.find('ul')
                       .stop();
               })
        ;

    setOpacity('#slideLeft', 0);
    setOpacity('#slideRight', 0);
    $('#slideRight, #slideLeft')
        .css({
                width: scrollerWidth + 'px',
                    height: '214px',
                    display: 'block',
                    position: 'relative',
                    zIndex: 100
                    })
        ;

    /*$('#fade').bind('click', function(e) {
      alert($('#fade > ul').offset().left);
      });*/


    /*$slider
        //.css('outline', '1px solid red')
        .serialScroll({
                items: 'li',
                    event: 'mousemove',
                    prev: '#slideLeft',
                    next: '#slideRight',
                    step: 1,
                    //interval: 1000,
                    axis: 'x',
                    start: 0,
                    offset: '-' + imageWidth  + 'px',
                    duration: 200,
                    force: true,
                    cycle: false,
                    jump: false,
                    lock: false
                    })
                    ;*/

}