document['MAINTEASER'] = {
    // slider base tag
    'sliderhome': null,
    // currently visible item
    'current': -1,
    // number of items
    'total':0,
    // holdsthe interval
    'interval': -1,
    // how fast shall the teaser switch images
    'duration': 5000,
    // how fast shall the teaser switch images
    'highlightNext' : function() {
        var last = document['MAINTEASER'].current;
        var next = (last + 1) % document['MAINTEASER'].total;
        
        document['MAINTEASER'].highlight(next);
    },
    'highlight' : function (nr) {
        if (this.interval != -1) {
            clearInterval(this.interval);
            this.interval = setInterval(this.highlightNext, this.duration);
        }

        if (nr != this.current) {
            var last = this.current;

            if (last != null) {
                $('ul > li:eq(' + last + ')', this.sliderhome).fadeOut();
                $('ul.thumbs > li:eq(' + last + ')', this.sliderhome).css('border', 'none');
            }
            $('ul > li:eq(' + nr + ')', this.sliderhome).fadeIn();
            $('ul.thumbs > li:eq(' + nr + ')', this.sliderhome).css('border', '2px solid #FF5599');
           
            this.current = nr; 
        }
    },
    'loadData' : function (sliderhome) {
        this.sliderhome = sliderhome;
        var teaser = this;

        var cc = 'de';
        if (LANG) {
            cc = LANG;
        }

        $.ajax({
            type     : "GET",
            url      : "/" + cc + "/misc/xml/sliderhome.php",
            success  : function (str) {
                var teaserEntries = $(document.createElement('ul'))
                    .addClass('entries');
                var teaserThumbs = $(document.createElement('ul'))
                    .addClass('thumbs');
                str = str.replace(/([\r\n]+|\s\s)*/g, '')


                if (window.DOMParser) {
                    var parser = new DOMParser();
                    var xml = parser.parseFromString(str,"text/xml");
                } else {
                    var xml = new ActiveXObject("Msxml2.DOMDocument.3.0");
                    xml.async="false";
                    xml.loadXML(str); 
                }


                $(xml).find('snippet').each(function () {
                    var big   = $(this).find('big').text()
                    var small = $(this).find('small').text()
                    var thumb = $(this).find('image').text();
                    var link  = $(this).find('mainlink').text();
                    var teaserThumb = $(document.createElement('li'))
                        .addClass('teaserentry')
                        .attr('id',  teaser.total + '_thumb')
                        .append(
                            $(document.createElement('img'))
                                .attr('src', thumb)
                                .attr('width', 100)
                                .attr('height', 60)
                        )
                        .click(function () {
                            teaser.highlight($(this).index());
                        })
                        /* Disabled as it makes no sense on an ipad
                            .hover(
                                function(event) {
                                    var pos = $(this).position();
                                     
                                    $('.teaserflyout[name^=' + $(this).index() + ']', this.sliderhome)
                                        .css('position', 'absolute')
                                        .css('visibility', 'visible')
                                        .css('display', 'block')
                                        .css('top', pos.top + 30 + ($(this).index() * 5))
                                        .css('left', pos.left + 50)
                                        .css('z-index', 99)
                                },
                                function() {
                                    $('.teaserflyout[name^=' + $(this).index() + ']', this.sliderhome)
                                        .css('visibility', 'hidden')
                                        .css('display', 'none')
                                }
                            )
                        */
                    ;
                    var teaserEntry = $(document.createElement('li'))
                        .addClass('teaserentry')
                        .css('background-image',  'URL(' + thumb + ')')
                        .css('display',  'none')
                        .attr('id',  teaser.total + '_entry')
                        .append(
                            $(document.createElement('a'))
                                .attr('href', link)
                                .append(
                                    $(document.createElement('span'))
                                        .addClass('small')
                                        .text(big)

                                )
                                .append(
                                    $(document.createElement('span'))
                                        .addClass('big')
                                        .text(small)
                                )
                        )
                    ;
                    var teaserFlyout = $(document.createElement('div'))
                        .addClass('teaserflyout')
                        .attr('name', teaser.total + '_flyout')
                        .append(
                            $(document.createElement('span'))
                                .append(small)
                                .append('<br/>')
                                .append('<b>' + big + '</b>')
                        )
                        .append(
                            $(document.createElement('span'))
                                .addClass('teaserflyoutend')
                        );

                    teaser.sliderhome.append(teaserFlyout);
                    teaserThumbs.append(teaserThumb);
                    teaserEntries.append(teaserEntry);
                    teaser.total++;
                });
                teaser.sliderhome.append(teaserEntries);
                teaser.sliderhome.append(teaserThumbs);
                teaser.sliderhome.css('display', 'block');
                teaser.sliderhome.css('visiblity', 'visibly');

                teaser.current = 0;
                teaser.highlightNext();
                teaser.interval = setInterval(teaser.highlightNext, teaser.duration);
            }
        });
    }
}

$(document).ready(function() {
    if (!swfobject.hasFlashPlayerVersion("9.0.0")) {
        document['MAINTEASER'].loadData($('#sliderhome'));
    }
});