/* 
 * Banner Rotator
 * @author: Gilmar Soares <professorgilmagro@gmail.com>
 * @since: 2011-08-26 18:34
 */

//<![CDATA[

(function(j){
    
    j(document).ready(function(){
        banner.init(); 
    });
    
    var banner = {
        
        init: function(){
            this.load.data();
        },
        config : function(conf){
            var banner = j("div#banner");
            
            banner.wtRotator({
                width:780,
                height:180,
                button_width:24,
                button_height:24,
                button_margin:5,
                auto_start: conf.auto,
                delay: conf.delay,
                transition: conf.transition,
                transition_speed: conf.speed,
                block_size:75,
                vert_size:55,
                horz_size:50,
                cpanel_align: conf.cpanel_align,
                timer_align: conf.timer_align,
                display_thumbs: conf.display.thumbs,
                display_dbuttons: conf.display.buttons,
                display_playbutton: conf.display.play,
                tooltip_type: conf.display.tooltip,
                display_numbers:conf.display.numbers,
                display_timer:conf.display.timer_bar,
                mouseover_pause: conf.mouseover.pause,
                cpanel_mouseover: conf.mouseover.control_panel,
                text_mouseover: conf.mouseover.text_panel,
                text_effect: conf.mouseover.text_effect,
                text_sync:true,
                shuffle:false,
                block_delay:25,
                vstripe_delay:73,
                hstripe_delay:183
           });

        },
        load : {
            data : function(){
                var url = ROOT_PATH + "banner/json";
                j.get(url,function(data){
   
                    if(data.success){
                        banner.load.images(data);
                    }else{
                        alert("Houve um erro na solicitação");
                    }
                },"json");       
            },
            images : function(data){
                var b = j("#banner");
                var images = data.images;
                var id,title,desc,img,href,list = "";
                
                for(i=0;i<images.length;i++){
                    
                    id = images[i].id;
                    title = images[i].title;
                    desc = images[i].desc;
                    img = "http://www.democrart.com.br/image/get_image/image_id." + id + "/max_width.780/max_height.180/crop.1";
                    href = images[i].link;
                    
                    list += '\
                    <li>\n\
                        <a href=" ' + img + '" title="  ' + title + '" ><img src="  ' + img + '" /> </a> \n\
                        <a href="' + href + '"></a>\n\
                        <!--<div>\n\
                            <h1> ' + title + '</h1>\n\
                            ' + desc + '\n\
                        </div>-->\n\
                    </li>';
                }
                
                b.find(".thumbnails ul").html(list);
                banner.config(data.config);
            }
        }
    }
    
})(jQuery)

//]]>