/**
 * Function : dump()
 * Arguments: The data - array,hash(associative array),object
 *    The level - OPTIONAL
 * Returns  : The textual representation of the array.
 * This function was inspired by the print_r function of PHP.
 * This will accept some data as the argument and return a
 * text that will be a more readable version of the
 * array/hash/object that is given.
 */
function dump(arr,level) {
  var dumped_text = "";
  if(!level) level = 0;

  //The padding given at the beginning of the line.
  var level_padding = "";
  for(var j=0;j<level+1;j++) level_padding += "    ";

    if(typeof(arr) == 'object') { //Array/Hashes/Objects
      for(var item in arr) {
        var value = arr[item];
 
	if(typeof(value) == 'object') { //If it is an array,
	  dumped_text += level_padding + "'" + item + "' ...\n";
	  dumped_text += dump(value,level+1);
	} else {
	  dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n";
	}
      }
    } else { //Stings/Chars/Numbers etc.
      dumped_text = "===>"+arr+"<===("+typeof(arr)+")";
    }
    return dumped_text;
} 
	       
function expand(parent_id,e){	
	if(document.getElementById(parent_id).className=='expanded'){
		document.getElementById('treeimg '+parent_id).src="/styles/images/leftcat_li.gif"
		var arrChilds=document.getElementById('menu '+parent_id).getElementsByTagName("ul");
		document.getElementById('menu '+parent_id).removeChild(arrChilds[0]);
		
		document.getElementById(parent_id).className='foo';		
	}else{
	$.ajaxSetup({cache:false});		
    $.ajax({url:'/?page=category&parent_id='+parent_id+'&type=ajax',
	    	cache: false,
	    	async: false,	    	
	    	dataType: "html",    		
    		success: function(html){    	    			  			      
			   document.getElementById('menu '+parent_id).innerHTML=document.getElementById('menu '+parent_id).innerHTML+html;
			   document.getElementById(parent_id).className='expanded';
	    	},
	    	beforeSend: function(request){	    		
	    		document.getElementById('treeimg '+parent_id).src="/styles/images/ajax-loader.gif";
	    		$('#treeimg '+parent_id).attr("src","/styles/images/ajax-loader.gif");
	    		//document.getElementById('treeimg '+parent_id).setAttribute('style','width:16px; height:16px; background: url(/styles/images/ajax-loader.gif) no-repeat;');
	    	},
	    	complete: function(request, status){
	    		document.getElementById('treeimg '+parent_id).src="/styles/images/leftcat_li_down.gif";
	    	}	    	
     });
	}

}