function sortElements(order, firstOrder) {
	var ul = document.getElementById("models");
	for (var q = 0; q < ul.childNodes.length; q++) {
		if (ul.childNodes[q].nodeName == "LI") {
			var elementA = getElement(ul.childNodes[q]);
			for (var w = q; w < ul.childNodes.length; w++) {
				if (ul.childNodes[w].nodeName == "LI") {
					var elementB = getElement(ul.childNodes[w]);
					var valueA = getElementValue(elementA, order);
					var valueB = getElementValue(elementB, order);					
					if (valueA > valueB) {
						var newNode = elementB.cloneNode(true);
						var tmpDiv = ul.childNodes[q].replaceChild(newNode, elementA);
						ul.childNodes[w].replaceChild(tmpDiv, elementB);			
						elementA = getElement(ul.childNodes[q]);
						elementB = getElement(ul.childNodes[w]);
					}
				}
			}
		}
	}
	if(firstOrder == "false"){sortText(order)};
}

function sortText(order){
	var ul = document.getElementById("models");
	var nodeSelect;
	var node;
	var pos1, pos2;
	var liNode;
	for(var i = 0; i < ul.childNodes.length; i++){
			if (ul.childNodes[i].nodeName == "LI") {
				liNode = ul.childNodes[i].cloneNode(true);
				for (var q = 0; q < liNode.childNodes.length; q++) {
					if (liNode.childNodes[q].nodeName == "DIV") {
						var elementDiv = liNode.childNodes[q].cloneNode(true);
						nodeSelect = null;
						node = null;
						pos1=0;
						pos2=0;
						var firstP = 0;
						for (var j = 0; j < elementDiv.childNodes.length; j++) {
								if (elementDiv.childNodes[j].nodeName == "P" && elementDiv.childNodes[j].className.indexOf(order) == 0) {								
									nodeSelect = elementDiv.childNodes[j].cloneNode(true);
									pos1= j;
									var selectNameClass = nodeSelect.className.split(" ");
									if (selectNameClass.length > 0){
										nodeSelect.className = selectNameClass[0] + " chosen";	
									}
								}else{
									if (elementDiv.childNodes[j].nodeName == "P" && elementDiv.childNodes[j].className.indexOf(order) != 0){
										node = elementDiv.childNodes[j].cloneNode(true);
										pos2=j;									
										var nameClass = node.className.split(" ");
										if (nameClass.length > 0){									
											node.className = nameClass[0] + " notChosen";
										}
											
									}
								}
						}
						elementDiv.replaceChild(nodeSelect, elementDiv.childNodes[pos2]);
						elementDiv.replaceChild(node, elementDiv.childNodes[pos1]);
						liNode.replaceChild(elementDiv, liNode.childNodes[q]);					
					}
				}
			ul.replaceChild(liNode,ul.childNodes[i]);
			}
		}
}

function getElement(li) {
	for (var q = 0; q < li.childNodes.length; q++) {
		if (li.childNodes[q].nodeName == "DIV") {
			return li.childNodes[q];
		}
	}
	return null;
}

function getElementValue(div, order) {
	var idx = order == "price" ? 0 : 1;
	var tmps = div.className.replace('$', '');
	tmps = tmps.replace(',', '');
	var values = tmps.split("|");
	if (values.length > idx) return values[idx] * 1;
	return null;
}


function OnTabClick(anchor) {
	document.getElementById("selectPrice").className = "";
	document.getElementById("selectGVWR").className = "";
	anchor.className += " active";
	anchor.blur();
	return false;
}

function sortLoad(){
	sortElements("price", "true");
}


AttachEvent(window, 'load', sortLoad);