var notes, tabs;

function InitFrames()
{
	notes = new Notes();
	
	tabs = new Tabs();
}


// -----------------------------------------------------------------------------
// Class Notes
// -----------------------------------------------------------------------------

function Notes()
{
	this.elem = null;
	this.pressed = false;
	this.xstart = -1000;
	this.ystart = -1000;
	
	this.Init();
	
}

Notes.prototype.Init = function()
{		
		var me = this;
		var divs=document.getElementsByTagName("DIV");
		for (i=0; i<divs.length; i++)
		{
			var ob = divs[i]
			if (ob.className.indexOf("notes",0) != -1)
			{
				hs = ob.getElementsByTagName("H1");
				h = hs[0];//ob.childNodes
				h.onmouseup = me.EndDrag;
				h.onmousedown = function (evt)
				{
					if (!evt) var evt = window.event;

					targ = evt.target || evt.srcElement;
	
					elem = targ;
					elem.style.zIndex = "100";
					document.onmouseup = me.EndDrag
					document.onmousemove = me.MoveIt
	
					pressed = true;	
					xstart = evt.clientX;
					ystart = evt.clientY;		
				}
			}
		}
}
	
Notes.prototype.StartDrag = function (evt)
	{
		if (!evt) var evt = window.event;

		targ = evt.target || evt.srcElement;
	
		elem = targ;
		elem.style.zIndex = "100";
		document.onmouseup = me.EndDrag
		document.onmousemove = me.MoveIt
	
		pressed = true;	
		xstart = evt.clientX;
		ystart = evt.clientY;		
	}
	
Notes.prototype.EndDrag = function(evt)
	{
		pressed = false;	

		if (!evt) var evt = window.event;

		targ = evt.target || evt.srcElement;
	
		//document.releaseEvents(Event.MOUSEMOVE);
	
		document.onmousemove = null;
		document.onmouseup = null;
	
		elem = null;
	
	}
	
Notes.prototype.MoveIt = function(evt)
{
		if (!evt) var evt = window.event;
	
		if (pressed == false || elem == null) return;

		var x = 0, y =0;

		/// Recupera il div padre
		div = elem.parentNode 
	
		xstep = evt.clientX-xstart;
		ystep = evt.clientY-ystart;		
		xstart = evt.clientX;
		ystart = evt.clientY;		
		
		root = document['body'];
		var scx = root.scrollLeft || window.scrollX || 0;
		var scy = root.scrollTop || window.scrollY || 0;		

		var offx = evt.clientX-targ.offsetLeft;
		var offy = evt.clientY-targ.offsetTop;
		
		x += div.offsetLeft+xstep;
		y += div.offsetTop+ystep;
		
	 	div.style.left = x+"px";
		div.style.top = y+"px";
		
}


// -----------------------------------------------------------------------------
// Class Tabs
// -----------------------------------------------------------------------------


function Tabs()
{
	this.lastTab = null;
	this.lastTabContent = null;
	this.tabs = [];
	this.Init();
}

Tabs.prototype.Init = function() {
    //var me = this;
    var uls = document.getElementsByTagName("UL");

    for (i = 0; i < uls.length; i++) {
        var ob = uls[i]
        if (ob.className == "tabs") {
            this.tabs = ob.getElementsByTagName("LI");
            this.EnableContentHover(this, this.tabs);

            this.ShowContent(this, this.tabs[0]);

            for (var t = 0; t < this.tabs.length; t++) {
                this.tabs[t].onmousedown = function(evt) {
                    if (!evt) evt = window.event;

                    var targ = evt.target || evt.srcElement;
                    
                    if (targ.nodeName != 'A')
                        targ = targ.parentNode;

                    tabs.ShowContent(tabs, targ.parentNode)

                }
            }
        }
    }

}

Tabs.prototype.EnableContentHover = function(ref, tabs)
{
	var oldColor = null;
	var oldBackColor = null;
	var oldSize = null;
	
	for (i=0; i<tabs.length; i++)
	{
		anchors = tabs[i].getElementsByTagName("A");
		a = anchors[0]
		rel = a.getAttribute("rel");
		tabContent = document.getElementById(rel);
		list = tabContent.getElementsByTagName("LI");
		for (j=0; j<list.length; j++)
		{
			list[j].onmouseover = function(evt)
			{
				if (!evt) evt = window.event;
					
				targ = evt.target || evt.srcElement;
				
				oldColor = targ.style.color;
				oldSize = targ.style.fontSize;
				oldBackColor = targ.style.backgroundColor;
				
				targ.style.color = 'red';				
				//targ.style.fontSize = '90%';		
				targ.style.backgroundColor = "yellow";
			}

			list[j].onmouseout = function(evt)
			{
				if (!evt) evt = window.event;
					
				targ = evt.target || evt.srcElement;
				
				targ.style.color = oldColor;				
				//targ.style.fontSize = oldSize;				
				targ.style.backgroundColor = oldBackColor;
			}

		}
	}
}

Tabs.prototype.ShowContent = function(ref, tab)
{
	if (ref.lastTabContent)
	{
		ref.lastTab.className = ''
		ref.lastTabContent.style.display = 'none';
	}
	anchors = tab.getElementsByTagName("A");
	a = anchors[0]
	a.className = 'selected'
	rel = a.getAttribute("rel");
	tabContent = document.getElementById(rel);
	if (tabContent)
	{
		tabContent.style.display = 'block';
		tabContent.style.visibility = 'visible';
		ref.lastTabContent = tabContent;
		ref.lastTab = a
	}
}

/*var pressed = false;
var xstart = -1000;
var ystart = -1000;		


function Notes.MoveIt(evt)
{
	if (!evt) var evt = window.event;
	
	if (pressed == false || elem == null) return;

	var x = 0, y =0;

	/// Recupera il div padre
	div = elem.parentNode 
	
	xstep = evt.clientX-xstart;
	ystep = evt.clientY-ystart;		
	xstart = evt.clientX;
	ystart = evt.clientY;		
		
	root = document['body'];
	var scx = root.scrollLeft || window.scrollX || 0;
	var scy = root.scrollTop || window.scrollY || 0;		

	var offx = evt.clientX-targ.offsetLeft;
	var offy = evt.clientY-targ.offsetTop;
		
	x += div.offsetLeft+xstep;
	y += div.offsetTop+ystep;
		
 	div.style.left = x+"px";
	div.style.top = y+"px";
}


function StartDrag(evt)
{
	if (!evt) var evt = window.event;

	targ = evt.target || evt.srcElement;
	

	elem = targ;
	elem.style.zIndex = "100";
	document.onmouseup = EndDrag
	document.onmousemove = MoveIt
	
	pressed = true;	
	xstart = evt.clientX;
	ystart = evt.clientY;		
}

function EndDrag(evt)
{
	pressed = false;	

	if (!evt) var evt = window.event;

	targ = evt.target || evt.srcElement;
	
	//document.releaseEvents(Event.MOUSEMOVE);
	
	document.onmousemove = null;
	document.onmouseup = null;
	
	elem = null;
	
}*/