JavaScript - Read Fb Graph Api Object And Keys Values To Use In Js Variables

var votes = new Array();
votes[0] = 45;
votes[1] = 86;
votes[2] = 122;
votes[3] = 79;

var ppl  = new Array();
ppl[0] = "Bob";
ppl[1] = "Bill";
ppl[2] = "George";
ppl[3] = "Sam";

//var party = new Array();
//party[0] = "(D)";
//party[1] = "(R)";
//party[2] = "(I)";
//party[3] = "(G)";

function getPercent(){
    var theSum = 0;
    for(var i = votes.length;i--;)
    {
        theSum += votes[i]
    }
    for(i=0;i<ppl.length;i++)
    {
        document.write("<tr><td>"+ppl[i]+"</td><td>");
            document.write(votes[i]+"</td><td>");
            var pct = document.write(Math.round(votes[i]/theSum*100)+"%"+"</td></tr>");
    }
    //var total = document.write(numbers[numbers.length-1]);    *property to get array length
}

function createBar(){
    
}

<script type="text/javascript"> 
  function KeyPressHappened(e){ 
      if (!e) e=window.event;
      var key=e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0; 
      if(key == 37 || key == 38 || key == 39 || key == 40) 
      { 
          e.preventDefault(); 
          return false; 
      } 
      return true; 
  } 
  document.onkeypress = KeyPressHappened;
</script>

<script type="text/javascript">
addEventListener("keydown", function (event) {
if(KeyID == 121 KeyID == 91 || KeyID == 92 || KeyID == 144|| KeyID == 18 ){
    event.preventDefault();
}
}, true);
</script>

document.onkeydown = function(evt) {
    evt = evt || window.event;
    switch (evt.keyCode) {
        case 37:
	geri();
	gostergeyaz();
	break;

        case 39:
	ileri();
	gostergeyaz();
	break;
    }
};

renderfunction 	= false;

function showProperty (object, property)
{
	document.write  ('<td class="type">' + (typeof object[property])  + '</td>' 
					+ '<td class="name">' + property + '</td>');
	
	document.writeln('<td class="value">' + 
						(
								(typeof object[property] != 'function')
								? object[property]
								:(
										(property != 'showProperties')
										? (
											renderfunction
											? object[property]()
											: ('<span class="self">NOT RENDERED</span>')
											)
										: ('<span class="self">THIS</span>')
								 )
						) 
					+ '</td>');

	
	document.writeln('<td class="hasOwnProperty" >'  
							+ (
									object.hasOwnProperty(property)
									? "Local"
									: "Inherited"
								)
					 	+ '</td>');

	if (typeof object[property] == 'function')
	{
		document.writeln ('<td class="function">' + object[property] + '</td>');
	}
	else
	{
		document.writeln ('<td class="function"> </td>');
	}

}

print<<<HERE
               Sortable.create('sortlist$box', { tag: 'img', overlap:'horizontal',constraint:false, containment: $list, dropOnEmpty: true, 
                onChange: function(item) {
                    var list = Sortable.options(item).element;
                    
                    if(changeEffect) changeEffect.cancel();
                    changeEffect = new Effect.Highlight('changeNotification', {restoreColor:"transparent" });
                },
            
            
            
            onDrop: function(item) {
            var thing=Sortable.options(item).element.identify();
            
            var anchors = document.getElementById(thing).childNodes.length-2;
            
            if(anchors > 20){
            alert('This box had 20 creatures in it already, your last action has not been saved.');
            window.location.reload();
            }
            else{
            
            new Ajax.Request("saveImageOrder.php", {
                        method: "post",
                        parameters: { data: Sortable.serialize("sortlist$box") }
                    });
               }   
}               
            });
               
HERE;
$box++;

}
?>
          
        });
    </script>

function createObject() {
	var request_type;
	var browser = navigator.appName;
	if(browser == "Microsoft Internet Explorer"){
	request_type = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		request_type = new XMLHttpRequest();
	}
		return request_type;
}

var http = createObject();

/* -------------------------- */
/* SEARCH					 */
/* -------------------------- */
function autosuggest() {
q = document.getElementById('search-q').value;
// Set te random number to add to URL request
nocache = Math.random();
http.open('get', 'lib/search.php?q='+q+'&nocache = '+nocache);
http.onreadystatechange = autosuggestReply;
http.send(null);
}
function autosuggestReply() {
if(http.readyState == 4){
	var response = http.responseText;
	e = document.getElementById('results');
	if(response!=""){
		e.innerHTML=response;
		e.style.display="block";
	} else {
		e.style.display="none";
	}
}
}

function createClass () {
	return new createClass()
	function createClass() {
		return new createInstance ()
		function createInstance () {
			//Default properties, values and methods which might later be extended
		}
	}
}

var createDoor = createClass();
var door1 = createDoor();
var door2 = createDoor();

var createChair = createClass();
var chair1 = createChair ();
var chair2 = createChair ();