var obj, w, goRight;


function init() {
    var preload = new Image();
    preload.src = ".png";

    obj = document.getElementById("boat");
    w = document.body.clientWidth;
    goRight = true;

    obj.style.position = "absolute";
    obj.style.left = w;

    goRight = false;
    setSail();

}


function setSail() {
    var pos = parseInt(obj.style.left, 10);

    (goRight) ? pos++ : pos--;
    if (pos > w / 4) {
        obj.style.left = pos + "px";

    }
    if (pos < (w / 4)) {
        goRight = true;
        //obj.style.display = 'none'
    }

    if (pos > (w + 150)) {
        setTimeout(setSail, 100000000);
        obj.style.

        //obj.style.display = 'none'
    }
    //    if (w > pos + 150) {
    //        alert(pos);
    //        setTimeout(setSail, 20000)


    //    }

    //    if (pos > (w - 400)) {
    //        obj.style.background = "url(sail_l.png)";
    //        goRight = false;
    //    }

    //    if (pos < -140) {
    //        obj.style.background = "url(sail_r.png)";
    //        goRight = true;
    //    }
    if (pos < (w + 150)) {
        setTimeout(setSail, 10);
    }
}
onload = init;