Javascript-форум - Формирование рабочей функции

Недавно столкнулся я с проблемой объёмного js.
Суть вот в чём: имеются 11 элементов, которым нужно указать .css({'margin-top':'...'});
Я занёс их в массив:

var sort1=["selectmenu1","selectmenu2","selectmenu3","selectmenu4","selectmenu5","creategame", "gametitle", "playersnumber", "resultcreate", "gamecreate", "listgame"];

и ещё 5 элементов на .css({'margin-left':'...'});:

var sort2 = ["creategame", "gametitle", "playersnumber", "resultcreate", "gamecreate", "listgame"];

Далее, есть ключи на них:

var key1 = ["0.1", "0.15", "0.2", "0.25", "0.3", "0.25", "0.3", "0.38", "0.42", "0.46", "0.15"];
var key2 = ["0.35", "0.375", "0.4", "-0.1", "0.375", "0.21"];

И всё, я циклом прогоняю эти массивы, получаем (jquery) :

$(document).ready(function(){
	setTimeout(function(){
for (var name1 = 0; name1<11; name1++) {document.getElementById("scripter").innerHTML = document.getElementById("scripter").innerHTML + '$(document).ready(function(){$("#' + sort1[name1] + '").css({"margin-top" : "' + key1[name1]*screen.height + '"})});  '}
for (var name2 = 0; name2<5; name2++) {'$("#' + sort2[name2] + '").css({"margin-top" : "' + key2[name2]*screen.width + '"});'}
	},5000);
})

Итогом этого прогона является текст:

$(document).ready(function(){$("#selectmenu1").css({"margin-top" : "76.80000000000001"});})$(document).ready(function(){$("#selectmenu2").css({"margin-top" : "115.19999999999999"});})$(document).ready(function(){$("#selectmenu3").css({"margin-top" : "153.60000000000002"});})$(document).ready(function(){$("#selectmenu4").css({"margin-top" : "192"});})$(document).ready(function(){$("#selectmenu5").css({"margin-top" : "230.39999999999998"});})$(document).ready(function(){$("#creategame").css({"margin-top" : "192"});})$(document).ready(function(){$("#gametitle").css({"margin-top" : "230.39999999999998"});})$(document).ready(function(){$("#playersnumber").css({"margin-top" : "291.84000000000003"});})$(document).ready(function(){$("#resultcreate").css({"margin-top" : "322.56"});})$(document).ready(function(){$("#gamecreate").css({"margin-top" : "353.28000000000003"});})$(document).ready(function(){$("#listgame").css({"margin-top" : "115.19999999999999"});})

в <script id="scripter"></script>

А мне нужно, чтобы строка выводилась, и значения сразу применялись к указанным элементам. Как это сделать?