/** listj jQuery plugin 
*	@version 0.6
*	@author derki
*/
jQuery.fn.extend({
    listj: function (data) {
        var e = this;
        function move(element, type, pos) {
            if (!type) { type = 'move'; }
            var $pages = element.find('div.listj_pages div.listj_page_active');
            if (!pos) {
                move.actual = 0;
                $pages.hide(0);
                jQuery($pages.get(0)).fadeIn(100);
                return true;
            }
            if (type == 'move') {
                var targetPage = parseInt(move.actual) + parseInt(pos);
            } else {
                var targetPage = parseInt(pos);

            }
            if (targetPage < 0) {
                targetPage = 4;
            } else if (targetPage > 4) {
                targetPage = 0;
            }
            move.actual = targetPage;
            var position = targetPage * -848;
            element.find('div#' + element.attr('rel')).animate({ left: position }, 200);
            $pages.hide(0);
            jQuery($pages.get(targetPage)).fadeIn(100);
        }
        move.actual = 0;

        var $tab = jQuery('<div class="listj_tab"></div>');

        jQuery.each(data.tabs, function (index, tab) {
            var $ntab = $tab.clone();
            $ntab.click(function () {
                var t = jQuery(this);
                e.attr('rel', t.attr('rel'));
                e.find('div#listj_content div.actual').hide(150, function () {
                    jQuery(this).removeClass('actual');
                    e.find('div#listj_content div#' + t.attr('rel')).addClass('actual').css('left', 0).show(200);
                });
                if (index == 1) {
                    e.find('div.listj_tabs div.selected').removeClass('selected');
                    e.find('div.listj_tabs div.selected2').removeClass('selected2');
                    t.addClass('selected2');
                }
                if (index == 2) {
                    e.find('div.listj_tabs div.selected').removeClass('selected');
                    e.find('div.listj_tabs div.selected2').removeClass('selected2');
                    t.addClass('selected2');
                }
                if (index == 0) {
                    e.find('div.listj_tabs div.selected').removeClass('selected');
                    e.find('div.listj_tabs div.selected2').removeClass('selected2');
                    t.addClass('selected');
                }
                move(e);
            });
            $ntab.html(tab.name);
            $ntab.attr('rel', 'list_' + index);
            e.find('div.listj_tabs').append($ntab);

            var $scroller = jQuery('<div class="listj_scroller"/>');
            $scroller.attr('id', 'list_' + index);
            var $item = jQuery('<a class="listj_item"/>');
            jQuery.each(tab.items, function (index, item) {
                var $nitem = $item.clone();
                $nitem.attr('href', item.href);
                $nitem.attr('title', item.nazov);
                $nitem.css('backgroundImage', 'url(' + item.picture + ')');

                //alert($nitem);

                // <a class="listj_item" href="http://www.kinema.sk/video/1137/one_day.htm" title="One Day" style="background-image: url(&quot;http://www.kinema.sk/files/kinema/trailery/1137b.jpg&quot;);"></a>

                // alert(tab.name);

                if (tab.name == "<a>Najnovšie trailery</a>") {
                    var article = $('<a class="listj_item" href="' + item.href + '" title="' + item.nazov + '" style="color:black;font-family:arial;background-image: url(&quot;' + item.picture + '&quot;);"><div class="playbutton"></div><div style="width:120px;padding:5px;position:relative;top:70px;font-size:12px;">' + item.nazov + '</div></a>');
                } else {
                    var article = $('<a class="listj_item" href="' + item.href + '" title="' + item.nazov + '" style="background-image: url(&quot;' + item.picture + '&quot;);"></a>');
                }

                $scroller.append(article);
            });

            e.find('div#listj_content').append($scroller);

            if (index == data.selected) {
                e.attr('rel', 'list_' + index);
                $scroller.css('display', 'block');
                $scroller.addClass('actual');
                $ntab.addClass('selected');
            }
        });
        move(e);
        e.find('div.left').click(function () {
            move(e, 'move', -1);
        });
        e.find('div.right').click(function () {
            move(e, 'move', 1);
        });
        e.find('div.listj_page').click(function () {
            move(e, 'page', jQuery(this).attr('rel'));
        });

        return this;
    }
});