/**
* Builds a ul-list from a json-object
*/
function populateErrorMessage(error) {
    var message = '<ul id="errors">';
    for (var prop in error) {
        var i;
        for (i = 0; i < error[prop].length; i++) {
            message += '<li>' + error[prop][i].ErrorMessage + '</li>';
        }
    }
    message += '</ul>';
    return message;
}

/**
* Builds a ul-list from a json-object
*/
function populateValidationMessage(error) {
    var message = '<ul id="errors">';
    for (var prop in error) {
        var i;
        for (i = 0; i < error[prop].length; i++) {
            message += '<li>' + error[prop][i] + '</li>';
        }
    }
    message += '</ul>';
    return message;
}

function notify(div, text) {
    $('#' + div).removeAttr('class');
    $('#' + div).addClass('.ui-state-highlight ui-widget-content ui-state-highlight ui-widget-header ui-state-highlight');
    $('#' + div).html(getIconTable());   
    $('#icontd>div').addClass('ui-icon ui-icon-info');
    $('#messagetd').addClass('ui-state-notification');
    //$('#' + div + '>div').attr('style', 'vertical-align:middle;'); 
    $('#messagetd').append(text);
    $('#' + div).focus();
    $('#' + div).show();
}

function showErrorMessagePopup(div, text) {
    showErrorMessage(div, text)
    $('#' + div).addClass("ErrorMessagePopup");
}

function showErrorMessage(div, text) {   
    $('#' + div).removeAttr('class');
    $('#' + div).addClass('ui-state-error ui-widget-content ui-state-error ui-widget-header');
    $('#' + div).html(getIconTable());    
   // $('#' + div).html('<div style="display:table-column;border:1px solid black;"><div></div></div>');
    $('#icontd>div').addClass('ui-icon ui-icon-alert');
    $('#messagetd').addClass('ui-state-error-text');
    //$('#' + div + '>div').attr('style', 'vertical-align:middle;'); 
    $('#messagetd').append(text);   
    $('#' + div).focus();
    $('#' + div).show();
}

function getIconTable() {
    return '<table border="0" cellpadding="0" cellspacing="0"><tr><td id="icontd" style="vertical-align:middle"><div></div></td><td id="messagetd"></td></tr></table>';

}

function openPrinter(url) {

    var load = window.open(url, 'LuleboPrint', 'left=20,top=20,width=800,height=800,scrollbars=1,resizable=0');
}

function handleError() {
    window.location.href = 'http://www.lulebo.se/maintenance/';
}

function simple_tooltip(target_items, name) {
    $(target_items).each(function(i) {   
    var my_tooltip = "";    
       if($(this).attr('id') != "" && $(this).attr("title") != "undefined") {
        $("body").append("<div class='" + name + "' id='" + $(this).attr('id') + name + i + "'><p>" + $(this).attr('title') + "</p></div>");
         my_tooltip = $("#" +  $(this).attr('id') + name + i);
        } else if($(this).attr("title") != "undefined") {
            $("body").append("<div class='" + name + "' id='" + name + i + "'><p>" + $(this).attr('title') + "</p></div>");
            my_tooltip = $("#" + name + i);
        }
       

        if ($(this).attr("title") != "" && $(this).attr("title") != "undefined") {

            $(this).removeAttr("title").mouseover(function() {
                my_tooltip.css({ opacity: 0.8, display: "none" }).fadeIn(400);
            }).mousemove(function(kmouse) {
                var border_top = $(window).scrollTop();
                var border_right = $(window).width();
                var left_pos;
                var top_pos;
                var offset = 15;
                if (border_right - (offset * 2) >= my_tooltip.width() + kmouse.pageX) {
                    left_pos = kmouse.pageX + offset;
                } else {
                    left_pos = border_right - my_tooltip.width() - offset;
                }

                if (border_top + (offset * 2) >= kmouse.pageY - my_tooltip.height()) {
                    top_pos = border_top + offset;
                } else {
                    top_pos = kmouse.pageY - my_tooltip.height() - offset;
                }

                my_tooltip.css({ left: left_pos, top: top_pos });
            }).mouseout(function() {
                my_tooltip.css({ left: "-9999px" });
            });

        }

    });
}