var objElement;
var parentCategoryName;

$(document).ready(function(){	
	$('#rate1').rating('www.url.php', {maxvalue:5, increment:.5});	
});	
Event.observe(window,'load', function() {
	var classElements = $('headerMenuUL').childElements();
	
	classElements.each(function(element) {
		Event.observe(element, "mouseover", function() {
			setClasses("headerMenuLICurrent", "headerMenuLI", element);			
		});
		
		Event.observe(element, "mouseout", function() {	
			setClasses("headerMenuLI","headerMenuLICurrent", element);
		});		
	}); 
	
	var catalogueElements = $('catalogueUL').childElements();
	catalogueElements.each(function(element){
		Event.observe(element, "click", function() {
			catalogueElements.each(function(e) {
				if(element.id == e.id) {
					$("l" + e.id).setStyle({color: "red"});
					parentCategoryName = $("l" + e.id).innerHTML;
				} else $("l" + e.id).setStyle({color: "#ffffff"});
			});
			getResult(this.id);
		});
	});
});

function setHeightElement(heightElement, iteration) {
	if(heightElement == iteration) return;
	iteration++; 
	objElement.style.height = iteration + "px";
	setTimeout("setHeightElement('" + heightElement + "', '" + iteration + "', '" + objElement + "')", 1);
}

function setClasses(newClass, oldClass, element) {
	try {
		$(element.id).removeClassName(oldClass);			
		$(element.id).addClassName(newClass);				
	} catch	(e){
		
	}
}

function getResult(idCategory) {
	url = "get_categories.php?id=" + idCategory;
	new Ajax.Request(url, {
			method: 'get', 
			onSuccess: function(transport) {
				setCategories(transport);
		}
	});
}

function setCategories(transport) {
	subCategories = transport.responseText.evalJSON();	
	

	
	objElement = $("leftContentUL");
	objElement.childElements().each(function(element){
		element.remove();
	});
	

	for(i = 0; i < subCategories.subCats.length; i++) {
		newElement = document.createElement("li");
		newElement.setAttribute("class", "leftContentLI");
		objElement.appendChild(newElement);
		newA = document.createElement("a");
		newA.setAttribute("class", "leftContentLink");
		newA.setAttribute("href", "category.php?catID=" + subCategories.subCats[i].id);
		newA.innerHTML = "&rsaquo; " + subCategories.subCats[i].catName;
		newElement.appendChild(newA);
	}
	$("parentCategoryName").innerHTML = parentCategoryName;
	height = objElement.childElements().length * 20;
	objElement.show();
	objElement.setStyle({height: 0});
	setHeightElement(height,0);	
}