dropdown_last_clicked = false

document.observe("dom:loaded", function() {
	$$('.dropdown').each(function(elem){

		if(elem.hasClassName('smalldropdown')){
			elem.setStyle({
				background : ' url("' + images_path + 'small-drop-left-bg.gif") top left no-repeat',
				zIndex : zindex
			});
		}else{
			elem.setStyle({
				background : ' url("' + images_path + 'drop-left-bg.gif") top left no-repeat',
				zIndex : zindex
			});
		}

		zindex = zindex - 1;
		var dropdown_value_holder 	= elem.id.replace('dropdown-','');
		var dropdown_caption 		= elem.select('.dropdown-caption').first();
		var arrow 					= elem.select('.dropdown-arrow').first();
		var dropdown_choises_holder = elem.select('.dropdown-choises').first();



		if(elem.hasClassName('smalldropdown')){
			arrow.setStyle({
				background: ' url("' + images_path + 'small-drop-down-arrow.gif") top right no-repeat',
				cursor: 'pointer'
			});
		}else{
			arrow.setStyle({
				background: ' url("' + images_path + 'drop-down-arrow.gif") top right no-repeat',
				cursor: 'pointer'
			});
		}

		elem.observe('click', function(){
			if(opened_dropdown){
				$$('.dropdown').each(function(el){
					if(el !== elem) {
						var dropdown_choises_holder 	= el.select('.dropdown-choises').first();
						dropdown_choises_holder.setStyle({display: 'none'});
					}
				});
			}

			if(elem != dropdown_last_clicked) {
				elem.setStyle({overflow: 'visible'});
				dropdown_choises_holder.setStyle({display: 'block'});
				opened_dropdown = true;
				opening = true;
				dropdown_last_clicked = elem
			} else {
				dropdown_last_clicked = false
			}

		});

		// set choises behavior
		var dimentions = elem.getDimensions();

		dropdown_choises_holder.setStyle({
			width: dimentions.width - 7 + 'px',
			top: dimentions.height + 1 + 'px',
			right: '2px'
		});

		if(Prototype.Browser.IE) {
			dropdown_choises_holder.setStyle({right: '2px'});
		}

		dropdown_choises_holder.childElements().each(function(e){
			if(e.hasClassName('dropdown-choise')){
				e.observe('mouseover', function(){
					e.setStyle({
						backgroundColor: '#d0d0d0'
					});
				});

				e.observe('mouseout', function(){
					e.setStyle({
						backgroundColor: '#fff'
					});
				});

				e.observe('click', function(){
					$(dropdown_value_holder).value = e.id.replace('dropdown-'+dropdown_value_holder+'-','');
					dropdown_caption.innerHTML = e.innerHTML;
				});
			}
		});
		if(!elem.hasClassName('smalldropdown')){
			if($(dropdown_caption).innerHTML == ' '){
				$(dropdown_caption).innerHTML = choose;
			}
		}
	});
});

function select_dropdown_value(dropdown, value){
	try{	// if a invalid value is provided
		$('dropdown-'+dropdown).select('.dropdown-caption').first().innerHTML = $('dropdown-'+dropdown+'-'+value).innerHTML;
		$(dropdown).value = value;
	}catch(err){
		$(dropdown).value = null;
	}
}

document.observe('click', function(){
	if(opened_dropdown && !opening){
		$$('.dropdown').each(function(elem){
			elem.setStyle({overflow: 'hidden'});
			var dropdown_choises_holder 	= elem.select('.dropdown-choises').first();
			dropdown_choises_holder.setStyle({display: 'none'});
		});
		opened_dropdown = false;
	}
	opening = false;
});