// JavaScript Document

var active_option	= 0;

String.prototype.stripSpacesFull = function( ){ return this.replace( /\s/g, "" );};

function loadDropDownActions(element_name, to_select){
	var element_clicker = $(element_name);
	
	var current_value	= $('drop_'+to_select).value; //pre defined by url bijvoorbeeld
	
	element_clicker.addEvent('click', function(){
		
		if(element_clicker.getProperty('name')!=active_option && allow_click == true){
			if(active_option!=0){
				var valueTarget = $('search_option_values'+active_option);
				if(valueTarget){
					var clickTarget = $('search_option'+active_option);
					ChangeAnim('height', valueTarget, 0, 500, Fx.Transitions.Cubic.easeOut)
					clickTarget.setStyle('backgroundImage', 'url(img/assets/nav/dropdown/dropdown_main.png)');
				}
			}
			
			active_option 	= element_clicker.getProperty('name');
			element_clicker.setStyle('backgroundImage', 'url(img/assets/nav/dropdown/dropdown_main_open.png)');
			var nr_ofValues	= $('option_value_counter'+active_option).value;
			valueTarget 	= $('search_option_values'+active_option);
			var toMove		= nr_ofValues * 19;
			if(toMove>250){
				toMove = 250;
			}
			
			ChangeAnim('height', valueTarget, toMove, 300, Fx.Transitions.Cubic.easeOut)
			ChangeAnim('top', $('dropdown_footer'+active_option), toMove + 22 , 300, Fx.Transitions.Cubic.easeOut)
			
			scroller = new Scroller('search_option_values'+active_option, {area: 20, velocity: 0.15});
			valueTarget.addEvent('mouseover', scroller.start.bind(scroller));
			valueTarget.addEvent('mouseout', scroller.stop.bind(scroller));		
		}else{
			closeCloset(active_option);
		}
	});
	
	var optionsValuelist = $$('#search_option_values'+element_clicker.getProperty('name')+' .search_option_value');
	optionsValuelist.each(function(element) {
	 
		var fxvalues = new Fx.Morph(element, {wait:false});
		element.addEvent('mouseenter', function(){
			if(element.getProperty('class').stripSpacesFull() =='search_option_value'){									
			fxvalues.set({
				//'background-color': '#b7b1a4',
				'color': '#c11b1f'
			});
			}
		});
	 
		element.addEvent('mouseleave', function(){
			if(element.getProperty('class').stripSpacesFull() =='search_option_value'){									
			fxvalues.set({
				//'background-color': '#333332',
				'color': '#ffffff'
			});
			}
		});

		element.addEvent('click', function(){
			//alert('click');
			var childof 		= element.getProperty('childof');
			
			var current_value	= $('drop_'+childof).value;
		//	if(current_value != 0){
				var value_element			= $('value_'+current_value);
				if(value_element){
					if(value_element.getProperty('childof') == childof){
						value_element.removeClass('selected');
					}
				}
		//	}

			var disablelist = $$('#search_option_values'+childof+' .search_option_value');
			disablelist.each(function(element) {
				element.setStyles({'color': '#ffffff'});
				element.removeClass('selected');
			});
			
			
			element.addClass('selected');
			fxvalues.start({
				'color': '#c11b1f'
			});
			
			var tempval;
			tempval	= parseInt(element.getProperty('id').substring(6));
			
			$('drop_'+childof).value = tempval;
			
			afterDropDownClick(childof, tempval, element.innerHTML);
			
		});
		
		
	});
	
	if(current_value!=0){
		var value_element			= $('value_'+current_value);
		if(value_element){
			if(value_element.getProperty('childof') == to_select){
				value_element.addClass('selected')
				value_element.setStyles({
					'color': '#c11b1f'
				});
				var str				= $(value_element).innerHTML;
				$(element_name).innerHTML 	= str;
			}
		}
	}
}

function closeCloset(childof){
	var valueTarget = $('search_option_values'+childof);
	ChangeAnim('height', valueTarget, 0, 300, Fx.Transitions.Cubic.easeOut);
	ChangeAnim('top', $('dropdown_footer'+childof), 22 , 300, Fx.Transitions.Cubic.easeOut)
			
	if(gallery_type[active_current]==1){
		var clickTarget = $('search_option'+active_option);
	}else if(gallery_type[active_current]==2){
		var clickTarget = $('search_optionGallery');
	}else{
		var clickTarget = $('search_option'+active_option);
	}
	
	ChangeAnim('height', valueTarget, 0, 300, Fx.Transitions.Cubic.easeOut)
	clickTarget.setStyle('backgroundImage', 'url('+root_domain+'img/assets/nav/dropdown/dropdown_main.png)');
	active_option = 0;
}

function afterDropDownClick(childof, tempval, element_txt){
	switch(childof){
		case 'categories':
		//	if(tempval != 0){
				$('search_option'+childof).innerHTML 	= 'category:'+element_txt;
				closeCloset(childof);
				dropDownHandler(tempval, childof, element_txt);
		//	}
		break;
	}
}