/*
    Args={}
    windowClass: css class name of window default 'window'
    windowHeaderClass:css class name of window header default 'window_header'
    sourceDataClass: css class of data default 'window_content'
    sourceTitleClass: css class of window title default 'window_title'
    imageBase: path to image Directory default 'images/'
    
*/
function WindowManager(Args)
{
    var me=this;
    
    var windowClass=Args.windowClass==undefined?'window':Args.windowClass;
    var windowHeaderClass=Args.windowHeaderClass==undefined?'window_header':Args.windowHeaderClass;
    var sourceDataClass=Args.sourceDataClass==undefined?'window_content':Args.sourceDataClass;
    var sourceTitleClass=Args.sourceTitleClass==undefined?'window_title':Args.sourceTitleClass;
    var imageBase=Args.imageBase==undefined?'images/':Args.imageBase;
    
    WindowManager.prototype.CreateWindowElement=function (i)
    {
        var windowContentElement=$(this);
        windowContentElement.attr('className','');
        var noDrag=windowContentElement.attr('noDrag')!=undefined?false:windowContentElement.attr('noDrag');
        
        var Html='';
            Html+='<tr><td class="tl"><img alt="" src="'+imageBase+'spacer.gif" /></td><td class="t"><img alt="" src="'+imageBase+'spacer.gif" /></td><td class="tr"><img alt="" src="'+imageBase+'spacer.gif" /></td></tr>\n';
            Html+='<tr >\n';
            Html+='<td class="l"><img alt="" src="'+imageBase+'spacer.gif" /></td>\n';
            Html+='<td class="content">\n';
            Html+='<div class="'+windowHeaderClass+'">\n';
            Html+='<table border="0" cellpadding="0" cellspacing="0" width="100%">\n';
            Html+='<tr>\n';
            Html+='<td class="title">drag me!</td>\n';
            Html+='<td style="width:10px;">\n';
            Html+='<div class="control_box">\n';
            Html+='<img src="'+imageBase+'control_settings.gif" alt="" class="settings" />\n';
            Html+='<img src="'+imageBase+'control_refresh.gif" alt="" class="refresh" />\n';
            Html+='<img src="'+imageBase+'control_menu.gif" alt="" class="menu" />\n';
            Html+='<img src="'+imageBase+'spacer.gif" alt="" class="minus" />\n';
            Html+='<img src="'+imageBase+'control_x.gif" alt="" class="close" />\n';
            Html+='</div>\n';
            Html+='<div class="custom_menu">\n';
            Html+='<a href="#">Пункт 1</a><br />\n';
            Html+='<a href="#">Пункт 2</a><br />\n';
            Html+='<a href="#">Пункт 3</a><br />\n';
            Html+='<a href="#">Пункт 4</a><br />\n';
            Html+='</div>\n';
            Html+='</td>\n';
            Html+='</tr>\n';
            Html+='</table>\n';
            Html+='</div>\n';
            Html+='<div class="content">&nbsp;\n';
            Html+='</div>\n';
            Html+='</td>\n';
            Html+='<td class="r"><img alt="" src="'+imageBase+'spacer.gif" /></td>\n';
            Html+='</tr>\n';
            Html+='<tr><td class="bl"><img alt="" src="'+imageBase+'spacer.gif" /></td><td class="b"><img alt="" src="'+imageBase+'spacer.gif" /></td><td class="br"><img alt="" src="'+imageBase+'spacer.gif" /></td></tr>\n';
            var ret=document.createElement('TABLE');
            ret.className=windowClass;
            if(windowContentElement.attr('customClass')!=undefined)
                ret.className+=' '+windowContentElement.attr('customClass');
            if(windowContentElement.attr('noDrag')!=undefined)
                ret.noDrag=windowContentElement.attr('noDrag');
            
            ret.cellpadding=0;
            ret.cellspacing=0;
            ret=$(ret);
            ret.html(Html);
            ret.find('div.content').html('');
            
            var before=$(document.createElement('DIV'));
            windowContentElement.after(before);
            windowContentElement.remove();
            
            var NewContent=windowContentElement;
            ret.find('div.content').append(NewContent);
            
            var title=NewContent.find('.'+sourceTitleClass).html();
            ret.find('.title').html(title);
            ret.find('div.content').find('.'+sourceTitleClass).remove();
            
            before.before(ret);
            NewContent.show('normal',me.ShowEnd);
            
            
            
    }
    WindowManager.prototype.ShowEnd=function()
    {
        $(this).attr('className','');
    }
    WindowManager.prototype.Init=function()
    {
        $('.'+sourceDataClass).each(me.CreateWindowElement);
    }
    me.Init();
}