$(document).ready(function()
	{

		var parent_element	= '#judet';	// identifier of parent element
		var item_element	= '#localitate';		// identifier of items element
		var post_file		= 'ajax/judete/post.php';	// Post Handler

		var wait_note 	= '<option>Incarc lista...</option>'; // wait message
		var zero_note	= "nu exista informatii";	// no item message

		if($(parent_element).attr("class") != ''){
			
			var parent_content = $(parent_element).attr("class");
			
		}else{
			
			var parent_content = 0;
		}
		
		
		var item_content = $(item_element).attr("class");
		//window.alert(parent_content);

		
		// parent element onchange handler
		$(parent_element).change(function(){
			var parent = new Array();$(parent_element+" option:selected").each(function(){parent.push($(this).val());});
			load_items(parent.toString());
		});

		// load at the first time
		load_parent();
		load_items(parent_content);

		// load items based on selected parent
		function load_items(parent)
			{
				$(item_element).html(wait_note);
				$.post(post_file, { a: 'item', p: parent },
					function(data)
						{
							var opt = "";
							if(data.length)
							{
								for(i=0;i<data.length;i++) {
									var style = ' style="background-color:'+((i % 2 ==0)?'#f4f4f4':'#fff')+';color:'+((i % 2 ==0)?'#555':'#999')+'"';
									opt += '<option value="' + data[i].name + '"'+style;
									
									if(item_content == data[i].code){
										
										opt += ' selected="selected"';
									}									
									
									opt += '>' + data[i].code + '</option>';
								}
							}
							else
							{
								opt ='<option value="">'+zero_note+'</option>';
							}
							$(item_element).html(opt);
						}
					,'json');
			}

		// load all parent
		function load_parent()
			{
				$(parent_element).html(wait_note);
				$.post(post_file, { a: 'parent' },
					function(data)
					   	{
							var opt = "";
							if(data.length)
							{

								opt += '<option value="0" style="background-color:#fff;color:#999">Alege ...</option>';									

								for(i=0;i<data.length;i++)
									{
										var style = ' style="background-color:'+((i % 2 ==0)?'#f4f4f4':'#fff')+';color:'+((i % 2 ==0)?'#555':'#999')+'"';
										opt += '<option value="' + data[i] + '"'+style;
										
										if(parent_content == data[i]){
										
											opt += ' selected="selected"';
										}
										
										opt += '>' + data[i] + '</option>';
									}
							}
							else
							{
								opt ='<option>'+zero_note+'</option>';
							}
							$(parent_element).html(opt);
						}
					,'json');
			}

	});