// hier gehts los! wenn alles geladen ist, wird auf den speicher knopf die
// funktion gelegt, die dass formular erzeugt!
$("document").ready(function(){

    $("input[name='save_image']").click(function(){
        // es wird speichern geklickt und wir holen uns alle bilder, die
        // innerhalb des blauen bildrahmens sind und ermitteln die größe
        // sowie die koordinaten und fügen diese zum formular hinzu als
        // hidden objekte, damit wir diese im post zum zusammenstellen des
        // bildes zur verfügung haben.
    
        
        var box = $("#bild").position();
        var box_w = $("#bild").width();
        var box_h = $("#bild").height();
        
        $(".saveable_image").each(function(){
            if ($(this).parent().attr("id") == 'bild'){ // bitte nicht das user bild. kopie von DUD nutzen ;)
                return;
            }
            
            
            var im = $(this).parent().position();
            
            if ((im.left >= box.left) && (im.left < (box.left+box_w)) &&
                (im.top >= box.top) && (im.top < (box.top+box_h))){
                // bild koordinate (oben links) befindet sich innerhalb der box
                // alles andere wird nicht übertragen
                
                // bilddaten für aktuelles bild zusammentragen
                var img_data = "";
                img_data += $(this).attr("src") + '##';
                img_data += (im.left-box.left) + '##';
                img_data += (im.top-box.top)+ '##';
                img_data += $(this).width() + '##';
                img_data += $(this).height() + '##';
                img_data += $(this).attr("name");
                
                // element mit bilddaten dem formular hinzufügen
                $("#save_image_form").append('<input type="hidden" name="image[]" value="'+img_data+'" />');
            } 
        });
        
        
        // boxgröße mit senden, damit wir wissen wie groß das bild eigentlich sein soll ;)
        $("#save_image_form").append('<input type="hidden" name="image_size" value="'+box_w+'##'+box_h+'" />');
        
        // formular abschicken
        return true;
    });
});