function createAlert(type,icon,title,text,img) {
    if (icon == 'none') {
        icon = '';
    } else {
        icon = 'icon ' + icon;
    }
    if (text == null || text == '') {
        msg = '<h3 class="' + icon + '">' + title + '</h3>';    
    } else {
        msg = '<h3 class="' + icon + '">' + title + '</h3><p>' + text + '</p>';        
    }
    if (img != null) {
        msg = '<img src="' + img + '" class="frame" style="float: left; margin-right: 10px;" title="' + title + '" alt="Achievement" />' + msg
    }

     
    $(document).ready(function() {
        $("#alert").html('<div class="alert a' + type + '"><div class="container_12"><span id="alert_hide" class="alert_hide">hide</span>' + msg + '</div></div>');
        $("#alert").slideDown("slow");
        $("#alert_hide").click(function () { 
            $('#alert').slideUp('slow'); 
        });
    });
};

function hideAlert() {
    $('#alert').slideUp('slow');
};