var basic  = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20];
var stage1 = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20];
var stage2 = [1,2,3,4,5,6,12,14,15,16,20];
var NB_OBJECTS=18;

var o=document.getElementById("work_zone");
var pos=getPosition(o);
var MIN_X=parseInt(pos[0]);
var MAX_X=MIN_X + o.offsetWidth;
var MIN_Y=parseInt(pos[1]);
var MAX_Y=MIN_Y + o.offsetHeight;
var url='/coloring/coloring.php';

/* Init elements */
var elements='';
for (var n=0; n<basic.length; n++) { elements+='"pa'+basic[n]+'",'; }
for (var n=0; n<stage1.length; n++) { elements+='"pb'+stage1[n]+'",'; }
for (var n=0; n<stage2.length; n++) { elements+='"pc'+stage2[n]+'",';}

var NB_OBJECTS=18;
for (var n=1; n<=NB_OBJECTS; n++) {
    elements+='"o' + n + '"';
    if (n<NB_OBJECTS) elements+=',';
}

eval('SET_DHTML(CURSOR_MOVE, SCALABLE,'+elements+');');

for (var n=0; n<stage1.length; n++)  { eval('dd.elements.pb'+stage1[n]+'.hide();');}
for (var n=0; n<stage2.length; n++)  { eval('dd.elements.pc'+stage2[n]+'.hide();');}

for (var n=1; n<=NB_OBJECTS; n++) { eval('dd.elements.o'+n+'.div.ondblclick = function() {el=dd.elements.o'+n+';el.resizeTo(el.defw, el.defh);el.moveTo(el.defx, el.defy);};');}
for (var n=0; n<basic.length; n++)  { eval('dd.elements.pa'+basic[n]+'.div.ondblclick = function() {el=dd.elements.pa'+basic[n]+';el.resizeTo(el.defw, el.defh);el.moveTo(el.defx, el.defy);};');}
for (var n=0; n<stage1.length; n++)  { eval('dd.elements.pb'+stage1[n]+'.div.ondblclick = function() {el=dd.elements.pb'+stage1[n]+';el.resizeTo(el.defw, el.defh);el.moveTo(el.defx, el.defy);};');}
for (var n=0; n<stage2.length; n++)  { eval('dd.elements.pc'+stage2[n]+'.div.ondblclick = function() {el=dd.elements.pc'+stage2[n]+';el.resizeTo(el.defw, el.defh);el.moveTo(el.defx, el.defy);};');}


/* Get composition informations into an JSON object */
function get_composition_info() {

    var json_obj='[';
    for(var n=1; n<=NB_OBJECTS; n++) {
        o = dd.elements['o'+(n)];
        json_obj+='[0,'+(n)+','+o.x+','+o.y+','+o.z+','+o.w+','+o.h+']';
        if (n<NB_OBJECTS) json_obj+=',';
    }

    for(var n=0; n<basic.length; n++) { eval('o=dd.elements.pa'+basic[n]+';');json_obj+=',[1,'+basic[n]+','+o.x+','+o.y+','+o.z+','+o.w+','+o.h+']';}
    for(var n=0; n<stage1.length; n++) { eval('o=dd.elements.pb'+stage1[n]+';');json_obj+=',[2,'+stage1[n]+','+o.x+','+o.y+','+o.z+','+o.w+','+o.h+']';}
    for(var n=0; n<stage2.length; n++) { eval('o=dd.elements.pc'+stage2[n]+';');json_obj+=',[3,'+stage2[n]+','+o.x+','+o.y+','+o.z+','+o.w+','+o.h+']';}

    json_obj+=']';
    return json_obj;
}

function generate_img() {
    update();
    popup=window.open(url, "_blank", "height=842, width=595, menubar=yes, scrollbars=yes, resizable=no, location=no");
    popup.focus();
}

function direct_link() {
   update();
   document.location.href=url;
} 


/* Return x and y pos of a div */
function getPosition(obj){
    var topValue= 0,leftValue= 0;
    while(obj){
    leftValue+= obj.offsetLeft;
    topValue+= obj.offsetTop;
    obj= obj.offsetParent;
    }
    finalvalue = new Array(leftValue,topValue);
    return finalvalue;
}

function test() {
    o = dd.elements['p1'];
    alert('Position du pokemon a1 x='+o.x+' et y='+o.y+' - work '+MIN_X+' - '+MIN_Y);
}


function update() {
    var json=get_composition_info();
    var work_zone='['+MIN_X+','+MIN_Y+','+(MAX_X-MIN_X)+','+(MAX_Y-MIN_Y)+']';
    $.ajax({
        type: "POST",
        url: "/coloring/update.php",
        data:"json="+json+"&work_zone="+work_zone,
        async: false
    });
}