<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]);

    }

);