<form>
    <select id="spieler">
            <option value="1101|chmee">chmee</option>
            <option value="2568|DonDemf">DonDemf</option>
            <option value="2454|tutorials">tutorials</option>
        </select>
</form>
<img id="idbild" src="" alt="" title=""/>
<div id="namenausgabe"></div>

window.onload = function() {
    formation("4-1-2-1-2")//Default
};
var all = {
    "4-1-2-1-2": {
        x: [33, 145, 274, 392, 215, 378, 50, 215, 313, 116],
        y: [501, 501, 501, 501, 409, 325, 325, 251, 153, 153]
    },
    "4-3-3": {
        x: [33, 145, 274, 392, 212, 365, 54, 212, 392, 35],
        y: [501, 501, 501, 501, 348, 315, 315, 128, 143, 143]
    },
	"4-3-1-2": {
        x: [33, 145, 274, 392, 212, 365, 54, 212, 329, 94],
        y: [501, 501, 501, 501, 348, 315, 315, 226, 125, 125]
    },
	"4-3-2-1": {
        x: [33, 145, 274, 392, 212, 365, 54, 212, 344, 79],
        y: [501, 501, 501, 501, 348, 315, 315, 128, 171, 171]
    }
    //usw.
};
function formation(form) {
    var pos = all[form];
 
    for (var $a = 1; $a < 12; $a++) {
        document.getElementById("s" + $a).style.left = pos.x[$a-1];
        document.getElementById("s" + $a).style.top = pos.y[$a-1];
    }
}
$ ("#spieler").change(
    function(){
        var sid = $("#spieler").val();
        var data = sid.split("|");
        
        var imgpurl = "http://fifaplace.pytalhost.com/fifaliga/image/spieler/"+data[0]+".jpg";
        
        $("#idbild").attr("src",imgpurl);
        $("#idbild").attr("alt",data[1]);
        $("#idbild").attr("title",data[1]);
     
        $("#namenausgabe").html(data[1]);
    }
);