// Facebox
$(document).ready(function() {
    $('a[rel*=facebox]').facebox({'opacity':0.5});
});

function removeLoading(){
    $('.mask-overlay, .loading-icon').remove();
}

function loading(){
    removeLoading();
    var mask = $('<div />');
    var winW = $(window).width();
    var winH = $(window).height();
    mask.css({'opacity':0, 'height':$(document).height(), 'width':winW}).attr('class','mask-overlay');
    $('#grid').after(mask);
    mask.animate({'opacity':0.7},300);

    var load = $('<div class="loading-icon"><img src="/images/loader/loading-2.gif" alt="Loading" /></div>');
    mask.after(load);
    load.css({'left':(winW/2 - load.width()/2), 'top':(winH/2 - load.height()/2)});
}
function loading2(){
    removeLoading();
    var mask = $('<div />');
    var winW = $(window).width();
    var winH = $(window).height();
    mask.css({'position':'absolute', 'top':0, 'left':0, 'background-color': '#000', 'z-index':'100','opacity':0, 'height':$(document).height(), 'width':winW}).attr('class','mask-overlay');
    $('#content').after(mask);
    mask.animate({'opacity':0.5},300);

    

    var load = $('<div class="loading-icon"><img src="/images/loader/loading-2.gif" alt="Loading" /></div>');
    mask.after(load);
    load.css({'z-index':'101', 'position':'absolute','left':(winW/2 - 24), 'top':(winH/2 - 24)});
}
function openModalBox(msg){
    removeLoading();
    $('#modal-box').html('<span class="alert-msg">'+msg+'</span><a onclick="$(document).trigger(\'close.facebox\')" class="close"></a>');
    $('#modal-trigger').click();
}