///<reference path="global.js" />
///<reference path="effects.js" />
$E = {
    _oldLoad: function(){},
    Init:function()
    { 
        for(var i in $E)
            if(!Function.prototype.isPrototypeOf($E[i]) && $E[i].Init && Function.prototype.isPrototypeOf($E[i].Init))
                $E[i].Init();
    },
    CssFix:
    {
        //Взято с хабра
        GetBrowser:function()
        {
            return document.getElementsByTagName('html')[0].className;
        },
        Init:function()
        {
            var u = navigator.userAgent.toLowerCase();
            var is = function(t){return (u.indexOf(t)!=-1);};
            var info = [
                (!(/opera|webtv/i.test(u))&&/msie (\d)/.test(u)) 
                    ?('ie ie'+RegExp.$1)
                    :is('firefox/2')
                        ?'gecko ff2'
                        :is('firefox/3')
                            ?'gecko ff3'
                            :is('gecko/')
                                ?'gecko'
                                :is('opera/9')
                                    ?'opera opera9'
                                    :/opera (\d)/.test(u)
                                        ?'opera opera'+RegExp.$1
                                        :is('konqueror')
                                            ?'konqueror'
                                            :is('applewebkit/')
                                                ?'webkit safari'   
                                                :is('mozilla/')
                                                    ?'gecko'
                                                    :'',
                (is('x11')||is('linux'))
                    ?' linux'
                    :is('mac')
                        ?' mac'
                        :is('win')
                        ?' win'
                        :''
            ]
            $E.Environment.Family = info[0].split(" ")[0];
            $E.Environment.Version = info[0].split(" ")[1];
            $E.Environment.OS = info[1];
            $E.CssFix.AddClass(document.getElementsByTagName('html')[0], info.join(" "));
        },
        AddClass:function(el, val)
        {
            if(!el.className)
                el.className = val;
            else
            {
                var newCl = el.className;
                newCl+=(" "+val);  
                el.className = newCl;
            }
        }
    },
    Environment:
    {
        Family:"",
        Version:"",
        OS:"",
        Init:function(){}
    },
    Wheel:
    {
        _handlers:{},
        Register:function(obj, formal, func, prevent)
        {
            $E.Wheel._handlers[formal] = {obj:obj, func:func, prevent:prevent};
        },
        UnRegister:function(formal)
        {
            $E.Wheel._handlers[formal] = null;
        },
        Process:function(event)
        {
            var delta = 0;
            var event = event ? event : window.event;
            var obj = $G.Event.Target(event);
            obj = obj.tagName ? obj : obj.parentNode;
            if (event.wheelDelta) {
		        delta = event.wheelDelta/120; 
		        if (window.opera) delta = -delta;
	        } else if (event.detail) {
		        delta = -event.detail/3;
	        }
	        var prevent = false;
	        if (delta)
	        {
	            for(var i in $E.Wheel._handlers)
	            {
	                if($E.Wheel._handlers[i] != null)
	                {
	                    if($G.IsChildOf($E.Wheel._handlers[i].obj, obj, 5) || $E.Wheel._handlers[i].obj == obj)
	                    {
	                        $E.Wheel._handlers[i].func(delta);
	                        prevent = prevent || $E.Wheel._handlers[i].prevent;
	                    }
	                }
	            }
	        }
	        if(prevent)
	        {
                if (event.preventDefault)
                    event.preventDefault();
                event.returnValue = false;
            }
        },
        Invoke:function()
        {
        },
        Init:function()
        {
            if (window.addEventListener)
                window.addEventListener('DOMMouseScroll', $E.Wheel.Process, false);
            window.onmousewheel = document.onmousewheel = $E.Wheel.Process;
        }
    },
    Hotkey:
	{
		Keys:
		{
			Ctrl:17,
			Alt:18,
			Space:32,
			Shift:16,
			CapsLock:20,
			Tab:9,
			Esc:27,
			Enter:13,
			ArrowLeft:37,
			ArrowRight:39,
			ArrowUp:38,
			ArrowDown:40
		},
		Pressed:new Array(),
		Combinations:new Array(),
		_old:null,
		_oldU:null,
		Init:function()
		{
			this._old = $E.CssFix.GetBrowser().indexOf("gecko") != -1 ? window.onkeydown : document.body.onkeydown;
			if($E.CssFix.GetBrowser().indexOf("gecko") != -1)
				window.onkeydown = $E.Hotkey.Process.bind(this);
			else
				document.body.onkeydown = $E.Hotkey.Process.bind(this);
		    var _oldU = $E.CssFix.GetBrowser().indexOf("gecko") != -1 ? window.onkeyup : document.body.onkeyup;
			this._oldU = _oldU;
			if($E.CssFix.GetBrowser().indexOf("gecko") != -1)
				window.onkeyup = $E.Hotkey.Clear.bind(this);
			else
				document.body.onkeyup = $E.Hotkey.Clear.bind(this);
		},
		UnRegister:function(keys, uid)
		{
			var array = new Array();
			for(var i=0;i<this.Combinations.length;i++)
				if(!this.Compare(this.Combinations[i].keys, keys) && (uid != null ? (this.Combinations[i].uid != uid) : true))
					array.push(this.Combinations[i]);
			this.Combinations = array;
		},
		Register:function(keys, func, uid)
		{	
			this.UnRegister(keys, uid);
			this.Combinations.push({keys:keys, func:func, uid:uid});
			return func;
		},
		Clear:function(e)
		{
			this.Pressed = new Array();
		},
		Compare:function(val1, val2)
		{
			var res = true;
			for(var i=0;i<val1.length;i++)
				res = res && (val1[i] == val2[i]);
			return res;
		},
		GetFuncs:function(keys)
		{
			var result = new Array();
			for(var i=0;i<this.Combinations.length;i++)
				if(this.Compare(this.Combinations[i].keys, keys))
					result.push(this.Combinations[i].func);
			return result;
		},
		Invoke:function(functions)
		{
			for(var i=0;i<functions.length;i++)
				functions[i]();
		},
		Process:function(e)
		{
			if(this._old)
				this._old(e);
			var _code = $G.GetKeyCode(e); 
			this.Pressed.push(_code);
			this.Invoke(this.GetFuncs(this.Pressed));
		}
	},
    CloseWindow:function(win, onClose)
    {
        if(onClose)
            onClose();
        $FX.Time(1000).Page.FadeOut("#fff", $FX.Page.CleanUp, true);
        var bg = $G.GET(win, "div:0");
        var content = $G.GET(win, "div:1");
        var scroll  = $G.GET(content, "div:0");
        $G.Display.Hide(scroll);
        $FX.Time(1000).AnimateStyle(win, "width", -1*$G.GetStyle(win, "width", true), 42, null, function(x)
        {
            this.win.style.left = (Math.round(this.wx/2)+this.x-Math.round(x/2))+"px";
            this.bg.style.width = (x-2)+"px";
            this.content.style.width = (x-8)+"px";
        }.bind({win:win, bg:bg, content:content, wx:$G.Window.Width(), x:$G.Window.Scroll.Left()}), "windowWidth");
        $FX.Time(1000).AnimateStyle(win, "height", -1*$G.GetStyle(win, "height", true), 42, function()
        {
            document.body.removeChild(this); 
            $E.Wheel.UnRegister("WindowScroll"); 
        }.bind(win), function(x)
        {
            this.win.style.top = (Math.round(this.hx/2)+this.y-Math.round(x/2))+"px";
            this.bg.style.height = (x-2)+"px";
            this.content.style.height = (x-8)+"px";
        }.bind({win:win, bg:bg, content:content, hx:$G.Window.Height(), y:$G.Window.Scroll.Top()}), "windowHeight");
    },
    ShowWindow:function(width, height, title, obj, onClose, noscroll)
    {
        var win = $G.Tag("div", "window", null);
        win.style.width = 6+"px";
        win.style.height = 6+"px";
        var bg = $G.Append(win, $G.Tag("div", "bg"));
        bg.style.width = 6+"px";
        bg.style.height = 6+"px";
        $G.Opacity.Set(bg, 0.15);
        var content = $G.Append(win,  $G.Tag("div", "w-content"));
        content.style.width = 0+"px";
        content.style.height = 0+"px";
        var scroll = $G.Append(content, $G.Tag("div", "scroll"));
        $G.Append(document.body, win);
        win.style.top = (Math.round($G.Window.Height()/2)+$G.Window.Scroll.Top()-3)+"px";
        win.style.left = (Math.round($G.Window.Width()/2)+$G.Window.Scroll.Left()-3)+"px";
        $G.Append($G.Event.Add($G.Append(scroll, $G.Tag("a", "close", {href:"javascript:void(0)"})), "click", function()
        {
            $E.CloseWindow(this.win, this.close);
        }.bind({win:win, close:onClose})), $G.Tag("img", {src:"resource/px.gif", width:"16", height:"16"}));
        $G.Append(scroll, $G.Tag("h3", null, null, (title || "")));
        $FX.Time(1000).Page.FadeIn("#fff", 80, null, true);
        setTimeout(function()
        {
            $FX.Time(1000).AnimateStyle(win, "width", width, width, function()
            {
                var x = $G.GetStyle(this.win, "width", true);
                this.win.style.left = (Math.round(this.deltax/2)+this.x-Math.round(x/2))+"px";
                this.bg.style.width = (x-2)+"px";
                this.content.style.width = (x-8)+"px";
                $E._wstop = true;
                if($E._hstop)
                    $E._appendFunc.bind(this)();
            }.bind(this), function(x)
            {
                this.win.style.left = (Math.round(this.deltax/2)+this.x-Math.round(x/2))+"px";
                this.bg.style.width = (x-2)+"px";
                this.content.style.width = (x-8)+"px";
            }.bind(this), "windowWidth");
            $FX.Time(1000).AnimateStyle(win, "height", height, height, function()
            {
                var x = $G.GetStyle(this.win, "height", true);
                this.win.style.top = (Math.round(this.deltay/2)+this.y-Math.round(x/2))+"px";
                this.bg.style.height = (x-2)+"px";
                this.content.style.height = (x-8)+"px";
                $E._hstop = true;
                if($E._wstop)
                    $E._appendFunc.bind(this)();
            }.bind(this), function(x)
            {
                this.win.style.top = (Math.round(this.deltay/2)+this.y-Math.round(x/2))+"px";
                this.bg.style.height = (x-2)+"px";
                this.content.style.height = (x-8)+"px";
            }.bind(this), "windowHeight");
        }.bind({noscroll:noscroll, win:win, bg:bg, scroll:scroll, content:content, obj:obj, x:$G.Window.Scroll.Left(), y:$G.Window.Scroll.Top(), deltax:$G.Window.Width(), deltay:$G.Window.Height()})
        , 10);
        return win;
    },
    _wstop:false,
    _hstop:false,
    WindowScroll:function(delta)
    {
          var border = delta > 0 ? 0 : ($G.GetStyle(this.content, "height", true) - this.scroll.offsetHeight-15);
          $FX.Time(200).AnimateStyle(this.scroll, "margin-top", (-delta*10), border, null, null, "WindowScroll");
    },
    _appendFunc:function()
    {
        if(this.obj)
            $G.Append(this.scroll, this.obj);
        if(!this.noscroll)
            $E.Wheel.Register(this.content, "WindowScroll", $E.WindowScroll.bind(this), true);
        $E._wstop = false;
        $E._hstop = false;
    },
    Screen:
    {
        Init:function(){},
        Over:function(obj)
        {
            if(obj)
            {
                if(obj.src.toLowerCase().indexOf(".png") != -1)
                    obj.src = obj.src.toLowerCase().replace(".png", "-selected.png");
                else if(obj.style.filter != null)
                    obj.style.filter = obj.style.filter.toLowerCase().replace(".png", "-selected.png");
            }
        },
        Out:function(obj)
        {
            if(obj)
            {
                if(obj.src.toLowerCase().indexOf(".png") != -1)
                    obj.src = obj.src.toLowerCase().replace("-selected.png", ".png");
                else if(obj.style.filter != null)
                    obj.style.filter = obj.style.filter.toLowerCase().replace("-selected.png", ".png");
            }
        }
    }
}
$E._oldLoad = window.onload;
window.onload = function(){ if($E._oldLoad){$E._oldLoad();}; $E.Init();};