function createTabs(thisTab, imgPath, dom)
{
	//tabs=["myapps", "mydocs", "index", "myaccount", "help"];
	tabs=["mydocs", "myaccount", "index", "help"];
		
	for(var i=0;i<tabs.length;i++)
	{
		var img = document.createElement("img");
		if(thisTab == tabs[i])
		{
			img.src = imgPath + tabs[i] + "_on.png";
			dom.appendChild(img);
		}
		else
		{
			var path = imgPath + tabs[i] + ".png";
			img.onmouseover = Function("this.src = '"+imgPath+tabs[i]+"_over.png';");
			img.onmouseout = Function("this.src = '"+path+"';");
			img.onclick = img.onmouseout;
			img.src = path;
			var a = document.createElement("a");
			a.href = tabs[i] + ".html";
			a.appendChild(img);
			dom.appendChild(a);
		}
		if(tabs[i] == "index")
		{
			img.style.marginTop = "3px";
			img.style.marginBottom = "-3px";
		}
		img.border = '0px';
	}
}

function openSimpleDrawer(dom, ystart)
{
	var wrap = document.createElement("div");
	wrap.style.overflow = 'hidden';
	wrap.style.top = ystart+'px';
	wrap.style.height = '0px';

	var wrap2 = document.createElement("div");
	wrap2.style.marginLeft='auto';
	wrap2.style.marginRight='auto';
	wrap2.style.position='relative';
	wrap2.style.textAlign='left';

	dom.style.position='absolute';
	dom.style.bottom='0px';
	wrap.appendChild(wrap2);
	wrap2.appendChild(dom);
	document.body.appendChild(wrap);

	var h = 0;
	var maxh;
	/*function animate() {
		if(h==0)
		{
			maxh = dom.offsetHeight;
			wrap.style.position='absolute';
			wrap.style.left='0px';
			wrap.style.right='0px';
			wrap2.style.width = dom.offsetWidth+"px";
		}
		var phase = h/maxh;
		var speed = Math.sqrt(1-phase);//phase * (1-phase);
		h += 1+Math.ceil(maxh * speed * 0.075);
		if(h>maxh)h=maxh;
		wrap.style.height = h+"px";
		wrap2.style.height = h+"px";
		window.status = h;
		if(h < maxh)setTimeout(animate, 30);
	}
	setTimeout(animate, 30);*/ 
	
	maxh = dom.offsetHeight;
	wrap.style.position = "absolute"; 
	wrap.style.height = maxh + "px";
	wrap.style.left='0px';
	wrap.style.right='0px';
	wrap2.style.height = maxh + "px";
	wrap2.style.width = dom.offsetWidth + "px";
}

function openDrawer(dom, ystart)
{
	var tab = document.createElement("table");
	var tb = document.createElement("tbody");
	tab.appendChild(tb);
	var mainrow = document.createElement("tr");
	tb.appendChild(mainrow);
	var left = document.createElement("td");
	var main = document.createElement("td");
	var right = document.createElement("td");
	mainrow.appendChild(left);
	mainrow.appendChild(main);
	if(dom.parentNode)
		dom.parentNode.removeChild(dom);
	main.appendChild(dom);
	mainrow.appendChild(right);
	left.style.background='#ccc';
	right.style.background='#ccc';
	var botrow = document.createElement("tr");
	var botleft = document.createElement("td");
	var botmid = document.createElement("td");
	var botright = document.createElement("td");
	botrow.appendChild(botleft);
	botrow.appendChild(botmid);
	botrow.appendChild(botright);
	botleft.style.background = '#ccc';
	botmid.style.background = '#ccc';
	botright.style.background = '#ccc';
	tb.appendChild(botrow);
	tab.style.borderCollapse='collapse';
	tab.style.borderSpacing='0px';
	var div = document.createElement("div");
	div.style.margin='0px';
	div.style.padding='0px';
	div.appendChild(tab);
	openSimpleDrawer(div, ystart);
}

function createProductsDiv(dom) {
	var items = [{name:"Get Started", page:"/index.html"},{name:"About RedFS", page:"/redFSOverview.html"}, {name:"RedFS FileEngine", page:"/fileEngine.html"}, {name:"Developers", page:"/developers.html"}]; 
	var html ="";
	path = window.location.pathname +""; 
	for(var i=0; i < items.length; i++) {
		if(i != 0)
			html += " | "; 
		if((path.search(items[i].page) != -1) || (path == "/" && items[i].page=="/index.html"))
			html += items[i].name;
		else 
			html += "<a href='" + items[i].page + "'>" + items[i].name + "</a>"; 
	}
	dom.innerHTML = html;
}