/*$(document).ready(function () {

    canvas = document.getElementById("mainCanvas");
    canvasContext = canvas.getContext("2d");

    var myImage = new Image();
    myImage.onload = function () {
        canvasContext.drawImage(myImage, 0, 0);
    }
    myImage.src = "http://127.0.0.1:5987/ui/images/twitter.jpg";

    var imageData = canvasContext.getImageData(0, 0, canvas.width, canvas.height);

    for (var i = 0; i = imageData.data.length; i++) {


    imageData.data[i] = 50;

    imageData.data[i+1] = 50;

    imageData.data[i+2] = 50;

    }


    canvasContext.putImageData(data, 0, 0, canvas.width, canvas.width, imageData.width, imageData.height);

    $("#mainCanvas").empty().append(myImage);
});*/



$(document).ready(function () {

    /*var PI_2 = Math.PI * 2;

    var canvasW = 2000;
    var canvasH = 2000;
    var numMovers = 500;
    var friction = .96;
    var movers = [];

    var canvas;
    var ctx;
    var canvasDiv;
    var outerDiv;

    var mouseX;
    var mouseY;
    var mouseVX;
    var mouseVY;
    var prevMouseX;
    var prevMouseY;
    var isMouseDown;


    function init() {
        canvas = document.getElementById("mainCanvas");

        if (canvas.getContext) {
            setup();
            setInterval(run, 100);
        }
        else {
            alert("Your browser sucks!");
        }
    }

    function Mover() {
        this.color = "rgba(" + Math.floor(Math.random() * 255) + "," + Math.floor(Math.random() * 255) + "," + Math.floor(Math.random() * 255) + ", 0.1)";
        this.y = 0;
        this.x = 0;
        this.vX = 0;
        this.vY = 0;
        this.size = 1;
    }

    function setup() {
        ctx = canvas.getContext("2d");

        var count = numMovers;
        while (count--) {
            var m = new Mover();
            movers[count] = m;
        }
    }

    function run() {
        ctx.globalCompositeOperation = "source-over";
        ctx.fillStyle = "rgba(8,8,82,.05)";
        ctx.fillRect(0, 0, canvasW, canvasH);
        //ctx.clearRect(0, 0, canvasW, canvasH);
        ctx.globalCompositeOperation = "lighter";
        var count = numMovers;
        while (count--) {
            var m = movers[count];
            m.x = Math.floor(Math.random() * canvasW);
            m.y = Math.floor(Math.random() * canvasH);

            ctx.fillStyle = m.color;
            ctx.beginPath();
            ctx.arc(m.x, m.y, Math.floor(Math.random() * 50), 0, Math.PI * 2, 1);
            ctx.closePath();
            ctx.moveTo(Math.floor(Math.random() * canvasW), Math.floor(Math.random() * canvasH));
            ctx.fill();
        }
    }

    window.onload = init;*/
});

$(document).ready(function () {

    function draw() {
        var canvas = document.getElementById("mainCanvas");
        if (canvas.getContext) {
            var ctx = canvas.getContext("2d");

            var myImage = new Image();
            myImage.src = "/ui/images/bg.jpg";
            myImage.onload = function () {
                ctx.drawImage(myImage, 0, 0);

                ctx.fillStyle = '#0069a0';
                
                ctx.globalAlpha = 1;
                ctx.font = 'bold 50px tahoma';
                ctx.fillText('EDWARDDAMATO.com', 100, 150);
                ctx.globalAlpha = 0.2;
                ctx.font = 'bold 150px tahoma';  
                ctx.fillText('EDWARDDAMATO.com', 92, 260);

                //setInterval('animate()', 10);
            }
        }

        
    }


    draw();
});

function animate() {
    var canvas = document.getElementById("mainCanvas");
    if (canvas.getContext) {
        var ctx = canvas.getContext("2d");
        ctx.save();  
        //ctx.translate(150,150);  
        //ctx.moveTo(50,50);
        // Earth  
        //var time = new Date();  
        //ctx.rotate( ((2*Math.PI)/60)*time.getSeconds() + ((2*Math.PI)/60000)*time.getMilliseconds() );  
        //ctx.translate(105,0);  
        //ctx.globalCompositeOperation = "source-over";
        //ctx.fillRect(Math.random() * $(document).width(),Math.random() * $(document).height(),50,50); // Shadow
        
        ctx.globalCompositeOperation = "source-over";
        ctx.fillStyle = "rgba(8,8,82,.05)";
        ctx.fillRect(0, 0, $(document).width(), $(document).height());
        ctx.clearRect(0, 0, $(document).width(), $(document).height());
        ctx.globalCompositeOperation = "lighter";
        ctx.fillStyle = "#ffffff";
        ctx.beginPath();
        ctx.arc(Math.random() * $(document).width(), Math.random() * $(document).height(), Math.floor(Math.random() * 50), 0, Math.PI * 2, 1);
        ctx.closePath();
        ctx.moveTo(Math.floor(Math.random() * $(document).width()), Math.floor(Math.random() * $(document).height()));
        ctx.fill();
  
        ctx.restore();

        /*ctx.globalAlpha = 0.2;

        var lingrad2 = ctx.createLinearGradient(0,$(document).height(),0,0);  
        lingrad2.addColorStop(0.5, '#000');  
        lingrad2.addColorStop(1, 'rgba(0,0,0,0)');  
        ctx.strokeStyle = lingrad2;

        for (var i = 0; i < 100; i++){  
            ctx.lineWidth = 10+i;  
            ctx.beginPath();  
            ctx.moveTo(5+i*50,5);  
            ctx.lineTo(5+i*50,$(document).height());  
            ctx.stroke();  
        }*/
    }
}