function randomizeColor(c){
	var bg=document.getElementsByClassName("random-bg");
	for (var i=0; i<bg.length; i++){
		bg[i].style.backgroundColor=c;
		bg[i].style.background=c;
		bg[i].style.borderColor=c;
	}
	var f=document.getElementsByClassName("random-font");
	for (var i=0; i<f.length; i++){
		f[i].style.color=c;
	}
};

function getRandomPosition(pos){
	if(pos == "left"){
		var mul = $(window).width();
	} else if (pos = "top"){
		var mul = $(window).height() - $("nav").height() - $("footer").height();
	}
	var pos = Math.floor(Math.random() * mul);
	return pos;
}

function startRandomizer(){
	$("h1").addClass("random-font");
	$("table").addClass("effect-vv");
	$("form").addClass("effect-vv");
	$(".ec").addClass("effect-vv");
	var cancer = ["A","B","C","D","E","F",0,1,2,3,4,5,6,7,8,9];
	var images = ["flare1.png"];
	var imgid = ["fi", "si", "ti", "foi"];
	for ( var i = 0; i<imgid.length; i++){
		$(".wrapper").append("<img class='gen' id='"+imgid[i]+"' src='/static/img/flare1.png'style='visibility:hidden;'/>");
	}
	$(".navbar").append("<audio src='/static/chu.mp3' autoplay loop></audio>")
	$(".wrapper").css({"background-color" : "black"});
	window.setInterval(function () {
		$("#gen").remove();
		var newcancer = "#";
		for ( var i = 0; i<6; i++){
			newcancer = newcancer + cancer[Math.floor(Math.random() * cancer.length)];
		}
		randomizeColor( newcancer );
		$(".gen").fadeOut(750, function t(){
				for ( var i = 0; i<imgid.length; i++){
					$("#"+imgid[i]).css({"visibility":"visible","position":"absolute","top": getRandomPosition("top") + "px", "left": getRandomPosition("left") + "px"});
				}
				$(".gen").fadeToggle(750);
			}
		);
		$(".effect").effect( "pulsate", 750);
		$(".effect").effect( "shake", 750);
		$(".effect-vv").effect( "shake", 750);
		$(".effect-vv").effect( "pulsate", 750);
	}, 1500)
}

$( document ).ready( function() {
	$("#loader").fadeOut();
	$("#loader-bg").delay(1000).fadeOut("slow");
	//window.setTimeout(startRandomizer(),1000);
	startRandomizer();
});