var thumbToOpen = 0;
var thumbToClose = 1;
var thumbsmf = new Array();
function openThumbs(selected, open) {
    var thumbs = $$('.thumbnailContainer');
    var thumbFx = new Fx.Elements(thumbs, { wait: false, duration: 400, transition: Fx.Transitions.Quad.easeOut, onComplete: nextThumbs });
    var thumbFx2 = new Fx.Elements(thumbs, { wait: false, duration: 400, transition: Fx.Transitions.Quad.easeIn, onComplete: nextThumbs });

    thumbToOpen = selected;
    //thumbToClose = open;

    var obj = {};
    if (selected == -1) {
        obj[thumbToClose] = {
            'height': [thumbs[thumbToClose].getStyle('height').toInt(), 0]
        };
        thumbFx.start(obj);
        //console.log(thumbToClose +':-1');
        //thumbToClose = -1;
    } else {
        if (thumbToClose == -1) {
            thumbs[selected].setStyle('display', 'block');
            obj[selected] = {
                'height': [thumbs[selected].getStyle('height').toInt(), 320]
            };
            thumbFx.start(obj);
            //console.log(thumbToClose +':'+selected);
            thumbToClose = selected;
        } else {
            obj[thumbToClose] = {
                'height': [thumbs[thumbToClose].getStyle('height').toInt(), 0]
            };
            thumbFx2.start(obj);
            //console.log(thumbToClose +': -1');
            //thumbToClose = -1;

        }

        if (!thumbsmf[selected]) {
            var myMooFlowPage = {
                start: function() {
                    thumbsmf[selected] = new MooFlow(thumbs[selected], {
                        startIndex: 0,
                        offsetY: -8,
                        heightRatio: 0.6,
                        factor: 100,
                        useCaption: true,
                        userAutoPlay: true,
                        useMouseWheel: true,
                        useKeyInput: true,
                        useSlider: true,
                        bgColor: '#fff',
                        onClickView: function(obj) {
                            Slimbox.open(obj.href, obj.title);
                        }
                    });
                }

            };
            myMooFlowPage.start();
        }

    }

}

function nextThumbs() {
    var thumbs = $$('.thumbnailContainer');
    var thumbFx = new Fx.Elements(thumbs, { wait: false, duration: 400, transition: Fx.Transitions.Quad.easeOut });

    if (thumbToClose != -1) {
        thumbs[thumbToClose].setStyle('display', 'none');
        thumbToClose = -1;

        if (thumbToOpen != -1) {
            thumbs[thumbToOpen].setStyle('display', 'block');
            var obj = {};
            obj[thumbToOpen] = {
                'height': [thumbs[thumbToOpen].getStyle('height').toInt(), 320]
            };
            thumbFx.start(obj);
            thumbToClose = thumbToOpen;
        }
    }
}