var slideBar=function(){
					var menusToSlide = new Array(); 
					var stepSizes = new Array(); 
					var stepTimes = new Array(); 
					var itemCounts = new Array();
					var originTops = new Array();
					var selecteds = new Array();
					var topOfMenus = new Array();

					var menuItemsOfMenus = new Array();
					return{
						addItem:function(menu,itemHTML){
							menuToSlide = document.getElementById(menu);
							if (!menusToSlide[menu])
							{
								menuToSlide = document.getElementById(menu);
								menusToSlide[menu] = menuToSlide;
								menuItemsOfMenus[menu] = new Array();
								itemCounts[menu] = 0;
							}
							menuItemsOfMenus[menu][itemCounts[menu]] = itemHTML;
							itemCounts[menu] = itemCounts[menu] + 1;
						},
						build:function(menu,step,time){
							if ((!menusToSlide[menu]) || (getTop(menusToSlide[menu]) < 10))
							{
								setTimeout("slideBar.build('" + menu + "', " + step + ", " + time + ")", 1000);
							}else{
								menuToSlide = document.getElementById(menu);
								var menuItemBefore;
								var topOfMenu;
								originTop = new Array(itemCounts[menu]);
								var newLI = document.createElement('li');
								menuToSlide.appendChild(newLI);
								newLI.innerHTML = menuItemsOfMenus[menu][0];
								menuItem=newLI.getElementsByTagName('div')[0];
								var actHeight = parseInt(menuItem.getElementsByTagName('img')[0].style.height, '10');
								var topBef = getTop(menuToSlide) + actHeight;
								newLI.getElementsByTagName('p')[0].className = "opened_banner_img";
								topOfMenu = topBef - actHeight;
								menuItem.display = "table";
								menuItem.style.position = 'absolute';
								menuItem.style.top = topBef - actHeight + 'px';
								menuItem.style.left = getLeft(menuToSlide);
								menuItem.style.zIndex = itemCounts[menu] + 5;
								originTop[0] = parseInt(menuItem.style.top,'10');

								slideBar.timer(menu, 0);

								menusToSlide[menu] = menuToSlide;
								
								topOfMenus[menu] = topOfMenu;
								stepSizes[menu] = step;
								stepTimes[menu] = time;
								originTops[menu] = originTop;
								if (itemCounts[menu] > 1)
								{
									slideBar.buildNextItem(menu,step,time,1);
								}
							}
						},
						buildNextItem: function(menu,step,time,actItem){
							menuItemBefore = document.getElementById(menu).getElementsByTagName('div')[actItem-1];
							var newLI = document.createElement('li');
							menuToSlide = document.getElementById(menu);
							menuToSlide.appendChild(newLI);
							newLI.innerHTML = menuItemsOfMenus[menu][actItem];
							menuItem=newLI.getElementsByTagName('div')[0];
							//var actHeight = menuItem.offsetHeight - menuItem.getElementsByTagName('p')[0].offsetHeight;
							var actHeight = parseInt(menuItem.getElementsByTagName('img')[0].style.height, '10');
							var topBef = getTop(menuItemBefore) + parseInt(menuItemBefore.style.height, '10');
							newLI.getElementsByTagName('p')[0].className = "closed_banner_img";
							menuItemBefore = menuItem;
							menuItem.display = "table";
							menuItem.style.position = 'absolute';

							menuItem.style.top = topBef - actHeight + 'px';
							menuItem.style.left = getLeft(menuToSlide);
							menuItem.style.zIndex = itemCounts[menu] - actItem + 5;
							originTop[actItem] = parseInt(menuItem.style.top,'10');
							originTops[menu] = originTop;

							slideBar.timer(menu, actItem);

							menusToSlide[menu] = menuToSlide;
							actItem = actItem + 1;
							if (actItem < itemCounts[menu])
							{
								slideBar.buildNextItem(menu,step,time,actItem);
							}else{
								slideBar.setHeight(menu);
							}
						},
						setHeight: function(menu){
							menuToSlide = document.getElementById(menu);
							lastMenuItem = menuToSlide.getElementsByTagName('div')[itemCounts[menu] - 1];
							menuToSlide.style.height = -getTop(menuToSlide) + parseInt(menuItems[itemCounts[menu] - 1].style.height, '10') + originTops[menu][itemCounts[menu] - 1] + "px";
							//document.getElementById('innerbodybackground').style.height = "3000px";
						},
						timer:function(menu, index){
							menuToSlide = menusToSlide[menu];
							menuItems= menuToSlide.getElementsByTagName('div');
							menuItem=menuItems[index];
							menuItem.onmouseover=function(){
								selecteds[menu] = index;
								slideBar.slide(menu, index,stepSizes[menu]);
							}
						}
						,
						slide:function(menu, index,V){
							if(selecteds[menu] == index){
								var again = false;
								menuToSlide = menusToSlide[menu];
								menuItems= menuToSlide.getElementsByTagName('div');
								menuItem=menuItems[index];
								topOfMenu = topOfMenus[menu];
								itemCount = itemCounts[menu];
								var thisHeight = parseInt(menuItem.getElementsByTagName('img')[0].style.height, '10');//kép magassága
								for (i = 0; i<index; i++)
								{
									t = getTop(menuItems[i]);
									t -= V;
									if (t >= originTops[menu][i] - thisHeight)
									{
										menuItems[i].style.top = t + 'px';
										if (t < topOfMenu)
										{
											clipTop = (topOfMenu - t);
											menuItems[i].style.clip="rect(" + clipTop + ",auto,auto,auto)"; //t, r, b, l
										}else{
											menuItems[i].style.clip="rect(auto,auto,auto,auto)";
										}
										if (t > originTops[menu][i] - thisHeight)
										{
											again = true;
										}
									}
									menuItems[i].getElementsByTagName('p')[0].className = "closed_banner_img";
								}
								for (i = index; i < itemCount; i++)
								{
									t = getTop(menuItems[i]);
									t += V;
									if (t <= originTops[menu][i])
									{
										menuItems[i].style.top = t + 'px';
										if (t < topOfMenu)
										{
											clipTop = (topOfMenu - t);
											menuItems[i].style.clip="rect(" + clipTop + ",auto,auto,auto)"; //t, r, b, l
										}else{
											menuItems[i].style.clip="rect(auto,auto,auto,auto)";
										}
										if (t < originTops[menu][i])
										{
											again = true;
										}
									}
									if(i != index)
									menuItems[i].getElementsByTagName('p')[0].className = "closed_banner_img";
								}
								menuItems[index].getElementsByTagName('p')[0].className = "opened_banner_img";
								if (again)
								{
									setTimeout("slideBar.slide('" + menu + "', " + index + ", " + V+")",stepTimes[menu]);
								}else{
									selecteds[menu] = -1;
								}
							}
						},
						resize: function(){
							for (var menuToSlideID in menusToSlide) {
								if (menusToSlide[menuToSlideID].innerHTML)
								{
									menuItems= menusToSlide[menuToSlideID].getElementsByTagName('div');
									for (i = 0; i <menuItems.length; i++)
									{
										menuItems[i].style.left = getLeft(menusToSlide[menuToSlideID]);
									}
								}
							}
						}
					};
				}();

function getLeft(obj){
	var parObj = obj;
	var pos = 0;
	if (parObj.offsetParent)
	{
		while (parObj.offsetParent)
		{
			pos += parObj.offsetLeft;
			parObj = parObj.offsetParent;
		}
	}else if (obj.x)
	{
		pos += obj.x;
	}
	return pos;
}

function getTop(obj){
	var parObj = obj;
	var pos = 0;
	if (parObj.offsetParent)
	{
		while (parObj.offsetParent)
		{
			pos += parObj.offsetTop;
			parObj = parObj.offsetParent;
		}
	}else if (obj.x)
	{
		pos += obj.x;
	}
	return pos;
}
window.onresize = slideBar.resize;