window.onload = function()
{
    GetWebSiteCreater();
}


function ChangByFocus(obj)
{
    if (obj.value == obj.defaultValue)
    {
        obj.value = "";
    }
}

function ChangByBlur(obj)
{
    if (obj.value.trim().length <= 0)
    {
        obj.value = obj.defaultValue;
    }
}



var topWebSite;
var topWebSiteTime = 10;
var count = 0;
var flag = false;
function GetWebSiteCreater()
{
    count++;
    var dora = "img/cnt/dora.png";
    var jsaper = "img/cnt/jasper.png";
    var yoyo = "img/cnt/yoyo.png";

    var img = document.getElementById("WEBSiteCreater");
    img.style.top = "180px";
    img.style.left = "0px";
    switch (count % 3)
    {
        case 1:
            img.src = dora;
            break;
        case 2:
            img.src = jsaper;
            break;
        case 0:
            img.src = yoyo;
            break;
        default:
            img.src = jsaper;
            break;
    }
    topWebSite = setInterval(BeginWebSiteCreater, topWebSiteTime);
}

function BeginWebSiteCreater()
{
    var img = document.getElementById("WEBSiteCreater");
    var top = Number(img.style.top.replace("px", "")) - 1;
    var left = Number(img.style.left.replace("px", ""));

    if (top % 2 == 0)
    {
        left = left + 1;
    }
    if (top > 90 && top < 140)
    {
        left = left - 1;
    }
    if (top <= 90)
    {
        left++;
    }
    //left:10~80
    //top:40_180;
    if (top < 40)
    {
        top = 180;
        left = 0;
        clearInterval(topWebSite);
        setTimeout(GetWebSiteCreater, 4000);
    }
    img.style.top = top + "px";
    img.style.left = left + "px";

}