var firstPos = false;

window.addEvent('domready', function () {

    $$('#wideimg div').each(function (el, i) {
        el.set('tween', { duration: 400 });
    });

    $('arrow').addEvent('click', function (ev) {
        ev.preventDefault();

        firstPos = !firstPos;

        var limitLeft = $(document.body).getStyle('width').toInt();

        $$('#wideimg div').each(function (el, i) {
            if (firstPos) {
                el.setStyle('left', i == 0 ? 0 : limitLeft);
                el.tween('left', i == 0 ? (-1 * limitLeft) : 0);
            }
            else {
                el.setStyle('left', i == 0 ? (-1 * limitLeft) : 0);
                el.tween('left', i == 0 ? 0 : limitLeft);
            }
        });

        $('arrow').toggleClass('prev');
        $('arrow').toggleClass('next');

    });

});

window.addEvent('resize', function () {

    var limitLeft = $(document.body).getStyle('width').toInt();

    if (!firstPos) {
        el.setStyle('left', i == 0 ? 0 : limitLeft);
    }
    else {
        el.setStyle('left', i == 0 ? (-1 * limitLeft) : 0);
    }

});