$(document).ready(function()
{
    //styling buttons
    $(document).styleButton();
    
    //init loginbox open/close
    
    $('.loginBoxOpen').click(function()
    {
        $('.loginBox').slideToggle('300', function()
        {
            // Animation complete.
        });
    });

    //replace nbsp with space in headings
    $("h1,h2,h3,h4,h5,h6").each(function()
    {
        $(this).html($(this).html().replace(/ /g," "));
    });

    //setting up the color masks
    var maskFile = "round-shape-mask.png";
    $('.materialImage, .materialImageNEW, .materialImageNEU').each(function()
    {
        if( $(this).attr("class") == "materialImage" ) maskFile = "round-shape-mask.png";
        if( $(this).attr("class") == "materialImageNEW" ) maskFile = "round-shape-mask-new.png";
        if( $(this).attr("class") == "materialImageNEU" ) maskFile = "round-shape-mask-neu.png";
        
        $(this).removeClass('materialImage');
        $(this).addClass('image');
        $(this).wrap('<div class="maskContainer" />');
        
        $(this).after('<img class="mask" src="App_Themes/Default/layout_images/' + maskFile + '" alt="mask" /> <br />');
    });
    
}
);

//
//<br />
//<span class="materialName">white 902</span>