﻿function inc(filename) {

    document.write('<script type="text/javascript" src="'
        + filename + '"></script>');
}
inc("Publicidad/js/jquery.coda-slider-2.0.js");
inc("Publicidad/js/jquery.easing.1.3.js");
inc("Publicidad/js/jquery.easing.1.3.js");

jQuery().ready(function() {
    var mypublicity;
    $.ajax({
        type: "POST",
        url: "Publicidad/servicioweb.asmx/GetPublicity",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(response) {
            mypublicity = response.d;

            createSlider();
            $("#myslider").codaSlider({
                dynamicArrows: false,
                autoSlide: true,
                autoSlideInterval: 6000,
                autoSlideStopWhenClicked: true,
            });
        }
    });

    function createSlider() {

        var pagewrap = document.createElement('div');
        pagewrap.className = 'coda-slider-wrapper';

        var sliderwrap = document.createElement('div');
        sliderwrap.className = 'coda-slider preload';
        sliderwrap.id = 'myslider';

        $.each(mypublicity, function(index, item) {

            var panel = document.createElement('div');
            panel.className = 'panel';

            var wrapper = document.createElement('div');
            wrapper.className = 'panel-wrapper';

            var anchor = document.createElement('a');
            anchor.className = "inpanel";
            anchor.setAttribute('href', item.url);


            switch (item.type) {
                //type 1 es que trae imagen  
                case 1: var image = document.createElement('img');
                    image.setAttribute('src', item.urlimage);

                    var clear = document.createElement('div');
                    clear.className = 'clear';

                    anchor.appendChild(image);
                    wrapper.appendChild(anchor);
                    wrapper.appendChild(clear);

                    break;
                //type 1 es que trae la url de una pagina a mostrar
                //case 2: $(wrapper).load(item.urlhtml);
				case 2: $(wrapper).load("/Publicidad/html/publicity_nuevo.html");
						//alert (item.urlhtml);
                    break;
            }


            panel.appendChild(wrapper);


            sliderwrap.appendChild(panel);
        })

        pagewrap.appendChild(sliderwrap);
        $("#publicontainer").append(pagewrap);


    }

});
