(function()
{
    LAYOUT = ({
    id:'ccc-layout',
    settings:{width:'220px', height:'40px', opacity:.50, background:'#666666', zIndex:100000, top:'0px', left:'0px'},

    enable: function(options)
    {
        if(typeof options == 'object')
        {
            jQuery.extend(this.settings, options);
        }
        this.setHtml();
    },
    
    setHtml: function()
    {
        jQuery("#"+this.id).css({opacity:this.settings.opacity, width:jQuery(window).width()+'px', height:jQuery(document).height()+'px', display:'block'});
    },

    getHtml: function()
    {
        var html = '<div id="'+ this.id +'" style="position:fixed; background:'+ this.settings.background +'; height:'+ this.settings.height +'; width:'+ this.settings.width +'; z-index:'+ this.settings.zIndex +'; top:'+ this.settings.top +';left:'+ this.settings.left +'; display:none;">';
        html += '</div>';

        jQuery("body").append(html);
    },

    disable: function()
    {
        jQuery("#"+this.id).hide();
    }

    });
})(jQuery);


(function()
{
    LOADER = ({
    id:'ccc-loader',

    settings:{waiting_text:'Please wait...', width:'190px', height:'40px', opacity:0.95, border:'1px solid #414551', background:'#FFFFFF', padding:'15px', zIndex:100001, top:'180px', left:'100px', delaytime:1},

    show: function(options)
    {
        LAYOUT.enable();
        if(typeof options == 'object')
        {
            jQuery.extend(this.settings, options);
        }
        this.setHtml();

        this.settings.left = (jQuery(window).width()/2 - jQuery("#"+this.id).width()/2)+'px';

        jQuery("#"+this.id).css({left:this.settings.left, opacity:this.settings.opacity, display:'block'});
    },
    
    setHtml: function()
    {        
        jQuery("#ccc-loader-waiting_text").html(this.settings.waiting_text);
        jQuery("#"+this.id).css({padding:this.settings.padding, border:this.settings.border, background:this.settings.background, height:this.settings.height, width:this.settings.width, zIndex:this.settings.zIndex, top:this.settings.top, left:this.settings.left});        
    },

    getHtml: function()
    {

        var html = '<div class="ccc-loader" id="'+ this.id +'" style="position:fixed; display:none;">';        

        html += '<table width="100%"><tr><td class="ccc-loader-image"></td><td style="color:#414551;" id="ccc-loader-waiting_text">'+ this.settings.waiting_text +'</td></tr></table>';

        html += '</div>';

        
/*
        if(jQuery("#"+this.id).is(":hidden"))

        {

            jQuery("#"+this.id).remove();

        }*/

        jQuery("body").append(html);        

    },

    

    hide: function()

    {

        jQuery("#"+this.id).hide(); LAYOUT.disable();

    },

    

    hideByMessage: function(content, delaytime)

    {    

        if(delaytime!=null)

        {

            setTimeout(function(){ jQuery("#"+LOADER.id).fadeOut(200, function(){ MESSAGE.show(content); }); }, delaytime);        

        }

        else

        {            

            setTimeout(function(){jQuery("#"+LOADER.id).fadeOut(200, function(){ MESSAGE.show(content); }); }, this.settings.delaytime);        

        }

    },

        

    });

    

})(jQuery);


(function()
{

    MESSAGE = ({
    id:'ccc-tips',
    settings:{header:'TIP OF THE DAY', content:'', width:'500px', height:'80px', opacity:0.95, top:'150px', left:'100px'},

    show: function(content, options)
    {
        LOADER.hide();
        LAYOUT.enable();
        content = jQuery('#tip-banner-content .widget').text();
        this.settings.content = content;
        
        //this.getHtml();
        
        if(typeof options == 'object')
        {
            jQuery.extend(this.settings, options);
        }
        this.setHtml();

        this.settings.left = (jQuery(window).width()/2 - jQuery("#"+this.id).width()/2)+'px';

        jQuery("#"+this.id).css({left:this.settings.left, opacity:this.settings.opacity, display:'block'});

    },
    
    setHtml: function()
    {
        jQuery("#ccc-tips-content").html(this.settings.content);
        jQuery("#ccc-tips-header").html(this.settings.header);
        jQuery("#"+this.id).css({minHeight:this.settings.height, minWidth:this.settings.width, top:this.settings.top, left:this.settings.left});
    },

    getHtml: function()
    {
        var html = '<div class="ccc-tips" id="'+ this.id +'" style="position:fixed; display:none;">';        

        html += '<div class="ccc-tips-header"><table width="100%" cellpadding="0" cellspacing="0"><tr><td> <strong id="ccc-tips-header">'+ this.settings.header +'</strong></td><td width="10%" align="right"><a class="ccc-tips-close" href="javascript:void(0)" onclick="MESSAGE.hide();">CLOSE</a></td></tr></table></div>';

        html += '<div class="ccc-tips-content" id="ccc-tips-content">'+ this.settings.content +'</div>';

        html += '</div>';

        /*if(jQuery("#"+this.id).is(":hidden"))
        {
            jQuery("#"+this.id).remove();
        }*/

        jQuery("body").append(html);
    },
    
    
    hide: function()
    {
        jQuery("#"+this.id).hide();
        LAYOUT.disable();
    },
    
    hidePost: function()
    {
        jQuery("#ccc-tips-post").hide();
        LAYOUT.disable();
    }
    });

    

})(jQuery);

jQuery(document).ready(function()
{
    LAYOUT.getHtml();
    LOADER.getHtml();
    MESSAGE.getHtml();
});