$(document).ready(function() {
    $.ajax({
        type: "GET",
        url: "data.xml",
        dataType: "xml",
        success: function(xml) {
            var count = 0;
            $(xml).find('slide').each(function() {

                $('<div id="item_' + count + '"></div>').appendTo('.bannerb');
                var button = $(this).find('button').text();
                if (button !== '') {
                    var link = $(this).find('link').text();
                    $('<div class="buttonb"></div><div class="sliderightb"></div>').html('<a href="' + link + '"><img style="position: relative; padding-top: 120px; padding-right: 20px; width: 75px; height: 75px; float: right; z-index: 3;" src="' + button.substring(1, button.length) + '" /></a>').appendTo('#item_' + count);
                }
                $(this).find('image').each(function() {
                    var src = $(this).find('src').text();
                    var imgeffect = $(this).attr('effect');
                    if (imgeffect == "") {
                        $('<div></div>').html('<img class="imgeffect1b" src="' + src.substring(1, src.length) + '" />').appendTo('#item_' + count);
                    }
                    if (imgeffect == 1) {
                        $('<div></div>').html('<img class="imgeffect1b" src="' + src.substring(1, src.length) + '" />').appendTo('#item_' + count);
                    }
                    if (imgeffect == 2) {
                        $('<div></div>').html('<img class="imgeffect2b" src="' + src.substring(1, src.length) + '" />').appendTo('#item_' + count);
                    }
                    if (imgeffect == 3) {
                        $('<div></div>').html('<img class="imgeffect3b" src="' + src.substring(1, src.length) + '" />').appendTo('#item_' + count);
                    }
                    if (imgeffect == 4) {
                        $('<div></div>').html('<img class="imgeffect4b" src="' + src.substring(1, src.length) + '" />').appendTo('#item_' + count);
                    }
                    if (imgeffect == 5) {
                        $('<div></div>').html('<img class="imgeffect5b" src="' + src.substring(1, src.length) + '" />').appendTo('#item_' + count);
                    }
                    if (imgeffect == 6) {
                        $('<div></div>').html('<img class="imgeffect6b" src="' + src.substring(1, src.length) + '" />').appendTo('#item_' + count);
                    }

                });

                $(this).find('text_set1').each(function() {
                    var effect = $(this).attr('effect');
                    if (effect == 1) {

                        var text1 = $(this).find('text').text();

                        $('<div class="effect1b"></div>').html(text1).appendTo('#item_' + count);

                    } else if (effect == 2) {

                        var text2 = $(this).find('text').text();
                        $('<div class="effect2b"></div>').html(text2).appendTo('#item_' + count);

                    } else if (effect == 3) {

                        var text3 = $(this).find('text').text();
                        $('<div class="effect3b"></div>').html(text3).appendTo('#item_' + count);

                    } else {
                        var text4 = $(this).find('text').text();
                        $('<div class="effect4b"></div>').html(text4).appendTo('#item_' + count);
                    }
                });
                $(this).find('text_set2').each(function() {
                    var text = $(this).find('text').text();
                    $('<div class="imgslidetextb"></div>').html(text).appendTo('#item_' + count);
                });
                count++;
            });
            $(document).ready(function() {
                $('.bannerb').cycle({ fx: 'scrollLeft,scrollRight,fade', speed: 1750, timeout: 5000, pager: '#slideshowb', pagerEvent: 'click', pauseOnPageHover: true, speedIn: 1000, speedOut: 2000
                });
            });
        }
    });
});