$(document).ready(function(){
	window.setInterval(function(){
		var time = new Date().getTime();
		$('#skycam').attr('src','/skycam/SKYCAM.jpg?'+time);
		console.log('updating image to /skycam/SKYCAM.jpg?'+time );
	},180000);
	
	window.setTimeout('getImageColor();',1000);
	
	$('#skycam').load(function(){
			getImageColor();
	
	});
});


function togglePhoto(){

	$('#skycam').toggleClass('visible');
	
}


function getImageColor(){
	var can = document.getElementById('canvas');
	var ctx = can.getContext('2d');
	
	var img = new Image();
	img.src = $('#skycam').attr('src');
	var rgb = {r:0,g:0,b:0};
	var rgb2 = {r:0,g:0,b:0};

    can.width = img.width;
    can.height = 10;
    ctx.drawImage(img, 0, 0, img.width, img.height);



    var height = 10;
    var width = can.width;

    try {
        data = ctx.getImageData(0, 0, width, height);
    } catch(e) {
        // security error, img on diff domain 
        //alert('nope!');
        
        $('#warning').append("<br/><br/><strong>Looks like your browser doesn't support this though.</strong>");
        $('#home').css({'background-color':'#3b4e5d','opacity':'1'});
        return false;
    }

    length = data.data.length;

  	var i = -4;
	var count = 0;
	
    while ( (i += 4) < length ) {
        ++count;
        rgb.r += data.data[i];
        rgb.g += data.data[i+1];
        rgb.b += data.data[i+2];
    }

    // ~~ used to floor values
    rgb.r = Math.floor(rgb.r/count);
    rgb.g = Math.floor(rgb.g/count);
    rgb.b = Math.floor(rgb.b/count);

	//$('#rgb_val_top').html(rgb.r+"/"+rgb.g+"/"+rgb.b);

	//$('#rgb_top').css('background-color','rgba('+rgb.r+','+rgb.g+','+rgb.b+',1)');
	
    
    //do bottom
    
    ctx.drawImage(img, 0, can.height-img.height, img.width, img.height);


    var height = 10;
    var width = can.width;

    try {
        data = ctx.getImageData(0, 0, width, height);
    } catch(e) {
        // security error, img on diff domain 
        alert('nope!');
        return defaultRGB;
    }

    length = data.data.length;

	var colorstring = '';
  	 var i = -4;
	var count = 0;
	var rgb2 = {r:0,g:0,b:0};
	
    while ( (i += 4) < length ) {
        ++count;
        rgb2.r += data.data[i];
        rgb2.g += data.data[i+1];
        rgb2.b += data.data[i+2];
        //colorstring = colorstring+"/"+rgb.g;
    }


    // ~~ used to floor values
    rgb2.r = Math.floor(rgb2.r/count);
    rgb2.g = Math.floor(rgb2.g/count);
    rgb2.b = Math.floor(rgb2.b/count);

	//$('#rgb_val_bot').html(rgb2.r+"/"+rgb2.g+"/"+rgb2.b);

	//$('#rgb_bot').css('background-color','rgba('+rgb2.r+','+rgb2.g+','+rgb2.b+',1)');


/*
	background: #e0ecff -webkit-gradient(linear, left top, left bottom, 
					color-stop(0%, rgba(255,245,217,1)),
					color-stop(100%, rgba(224,236,255,.1)));
*/


if ($.browser.webkit) {
	$('#home').css({'background':'-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba('+rgb.r+','+rgb.g+','+rgb.b+',1)),color-stop(100%, rgba('+rgb2.r+','+rgb2.g+','+rgb2.b+',1)))'});
}else if ($.browser.mozilla) {
	$('#home').css({'background':'-moz-linear-gradient(-90deg, rgba('+rgb.r+','+rgb.g+','+rgb.b+',1), rgba('+rgb2.r+','+rgb2.g+','+rgb2.b+',1))'});
}else{
	$('#home').css({'background-color':'gray'});

}
//,'background-image': '-moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);'}).;
$('#home').animate({'opacity':'1'},500);

	window.setTimeout(function(){
		$('body').css({'background':'rgba('+rgb2.r+','+rgb2.g+','+rgb2.b+',1)'});

	
	},500);



}