/**
 * Raboti samo sus SELECT DOM ELEMENT-i
 * 
 * @example DOM MARKUP
 * 	<select onchange="getOffices(this,'target_select')"><br/>
 * 		.... <br/>
 *  </select><br/>
 *  	<br/>
 * 	<select id="target_select"><br/>
 * 		.... <br/>
 *  </select>
 * @param DOM resource_obj - resource object
 * @param string target_id - target id string
 * @return void
 */
function getOffices(resource_obj,target_id){
	if(!resource_obj) return;
	var _SELF = this;

	function removeChild(obj){
		if(obj.options && obj.options.length){
			$.each(obj.options,function (index,el){
				obj.removeChild(obj.options[0]);
			});
		}
	}

    $.post(GLOBAL_RESOURCE.VIRTUAL+GLOBAL_RESOURCE.OFFICE_LOCATION,{id : resource_obj.value}, function(data){//debugger;
    	target_obj = $('#'+target_id).get(0);
    	
    	removeChild(target_obj);
    	$.each(eval(data),function (index,option){//debugger;
    		var op = document.createElement('option');
    			op.value = option.value;
    			op.text = option.text;
    			if(option.selected){
    				op.selected = true
    			}
    		
    			if(document.all){
    				target_obj.add(op);
    			}else{
    				target_obj.appendChild(op);
    			}
    	});
	});
}
$(document).ready(function(){
	getOffices($('#city').get(0),'office');
});