var my_list=null
Event.observe(window, "load", function(){
	startVoting();
});

/*####################### start ##########################*/

function set_categories(){
	var a=document.getElementsByTagName('div');
	for(x=0; x<a.length; x++){
		if(a[x].className=="products"||a[x].className=="products portal"||a[x].className=="products portal feature"||a[x].className=="products feature"){
			var c=a[x].getElementsByTagName('ul');
			for(y=0; y<c.length; y++){
				if(c[y].className=="category"){
					var d=c[y];
					var my_list=new set_list(c[y], y);
					my_list.boss=c[y].parentNode;
					var e=c[y].getElementsByTagName('a');
				}
			}
		}
	}
}

function set_list(element, num){
	
	var parent=element.parentNode;
	parent.id="parent_"+num;
	
	var current_pos=0;
	
	var link_array=$$("#"+parent.id+" ul.category li a");
	var li_array=$$("#"+parent.id+" ul.category li");
	var div_array=$$("#"+parent.id+" div.category");
	var ul_array=$$("#"+parent.id+" div.category>ul");
	var divider=$$("#"+parent.id+" div.divider");
	divider=divider[0];
	
	var height_array=new Array();
	var class_array=new Array();
	
	for(z=0; z<link_array.length; z++){
		class_array[z]=new My_link(link_array[z], div_array[z], z);
	}
	
	start_thing();
	
	/*-------------------------*/
	function My_link(link, div, num){
		var num=num
		link.onclick=function(){
			set_on(num);
			return false;
		}
	}
	/*-------------------------*/
	
	function set_on(my_num){
			if(my_num!=current_pos){
			li_array[current_pos].className=li_array[current_pos].className.replace("alt", "");
			li_array[my_num].className+=" alt";
			//alert(div_array[current_pos].style.height);
			new Effect.Fade(div_array[current_pos], {
				to: 0, from: 1, duration: 0.2, afterFinish: function(){
					div_array[current_pos].hide();
					current_pos=my_num;
					new Effect.Morph(divider, {style: "height: "+height_array[current_pos]+";", duration: 0.3, afterFinish: function(){
							//div_array[current_pos].show();
							new Effect.Appear(div_array[current_pos], {
								to: 1, from: 0, duration: 0.2, afterFinish: function(){
							}
						});
					}});
				}
			});
		}
	}
	
	function start_thing(){
		new Effect.Fade($('feature_loading'), { duration: 0.4, afterFinish: function(){
		  new Effect.BlindDown(parent, { beforeStart: function(){ parent.style.opacity=0; }, duration: 0.6, transition: Effect.Transitions.easeOutBounce, afterFinish: function(){ 
			new Effect.Appear(parent, { duration: 0.4, afterFinish: function(){
			  if(div_array.length > 0) {
				divider.style.height=div_array[0].offsetHeight+"px";
				divider.style.overflow="hidden";
				for(w=0; w<div_array.length; w++){
				  div_array[w].show();
				  //alert(ul_array[w].offsetWidth);
				  new Product_image(ul_array[w].id, "175");
				  height_array[w]=div_array[w].offsetHeight+"px";
				  
				  if(w!=0){
					div_array[w].hide();
				  }
				}
			  }
			}});
		  }});
		}});
	}
}

/*####################### end ##########################*/

function startVoting(){
	var a=document.getElementsByTagName('ul');
	for(x=0; x<a.length; x++){
		if(a[x].className=="voting"){
			b=a[x].getElementsByTagName('a');
			for(y=0; y<b.length; y++){
				b[y].onmouseover=function(){ setVote(this); }
				b[y].onmouseout=function(){ clearVote(this); }
			}
		}
	}
}
function setVote(a){
	var b=a.parentNode.parentNode.getElementsByTagName('a');
	var isSet=false;
	for(x=0; x<b.length; x++){
		myClass=(isSet)?null:"alt"
		b[x].className=myClass;
		if(b[x]==a){ isSet=true; }
	}
}
function clearVote(a){
	var b=a.parentNode.parentNode.getElementsByTagName('a');
	for(x=0; x<b.length; x++){ b[x].className=null; }
}