//when the dom is ready
window.addEvent('domready', function() {


var my_multibox = new MultiBox("mb", {
	descClassName:"multiBoxDesc",
	useOverlay:true
}); 

Sexy = new SexyAlertBox();

if($('area_select')){
	$('area_select').addEvent('change', function(event){
		
		var area_div = new Element('div');
		if($('area_select').value == 'local'){
			var ul = new Element('ul');
			$$('.local_agents').each(function(el){
				var li = new Element('li');
				var area = new Element('a',{'html':el.get('html')});
				area.set('class','area_a');
				
				area.set('styles',{'text-decoration':'none'});
				area.inject(li);
				li.set('id',el.get('value'));
				li.set('class','li_area')
				li.set('styles',{'margin-bottom':'9px','border-bottom':'1px dotted #ccc'});
				li.inject(ul);
			});
			
			ul.set('styles',{'list-style':'none','padding':'0px 20px 0px 0px','font-family':'Arial','font-size':'11px','cursor':'pointer'});
			ul.inject(area_div);
			
			
			Sexy.info('<br/><h2>Select an Area:</h2>'+area_div.get('html'),{'textBoxBtnOk':'Close'});
			$$('.li_area').addEvent('mouseenter', function(){
					this.highlight('#e8e8e8', '#fff');
			});
			$$('.li_area').addEvent('click',function(event){
					$('send_mail').set('value',this.get('id'));
					$('form_submit').set('styles',{'display':'block'});
					$('agent').set('html',this.get('html')+'<br/><a id="change_area" style="cursor:pointer; color:#fff;"><i>change</i></a>');
					var the_slide = $('enq_box').get('slide');
					the_slide.slideOut();
					the_slide.slideIn();
					$('BoxAlertBtnOk').fireEvent('click');
					$('change_area').addEvent('click', function(event){
						//Sexy.info('<br/><h2>Select an Area:</h2>'+area_div.get('html'),{'textBoxBtnOk':'Close'});
						$('area_select').fireEvent('change');
					});
			});
			
		}else if($('area_select').value == 'international'){
			//Andre.Botha@Watson-Shoes.co.za
			$('send_mail').set('value','andre.botha@watson-shoes.co.za');
			//$('send_mail').set('value','charl@kri8it.com');
			$('form_submit').set('styles',{'display':'block'});
			$('agent').set('html','');
			var the_slide = $('enq_box').get('slide');
			the_slide.slideOut();
			the_slide.slideIn();
		}
	});

}

	
});