/**
 * Created by alex on 4/16/14.
 */

var resizeToggle = function() {

    var elems = $('[data-visible-min-width],[data-visible-max-width]');
    $.each(elems,function(idx,elem) {
        var element = $(elem);

        var width =  element.innerWidth();

        if (element.is(':visible') == false) {
            width = element.parent().innerWidth();
        }

        var minWidth = element.attr('data-visible-min-width') || 0;
        var maxWidth = element.attr('data-visible-max-width') || 99999;

        minWidth = parseInt(minWidth);
        maxWidth = parseInt(maxWidth);

        var display = (width >= minWidth && width <= maxWidth) ? "inherit" : "none";
        element.css('display',display);

    });

};


window.resizingTimeout = false;
$(window).resize(function() {
    if (window.resizingTimeout) {
        clearTimeout(window.resizingTimeout);
    }
    window.resizingTimeout = setTimeout(resizeToggle,100);
});

resizeToggle();