var colors = ["#fff", "#7c9266", "#ffc", "#f60", "#cf6"];
var widgetImages = ["url('./wp-content/themes/bonehead/images/icon-nuclear-black.png')","url('./wp-content/themes/bonehead/images/icon-trash-black.png')","url('./wp-content/themes/bonehead/images/icon-fire-black.png')"];

$(window).ready(function(){
	$("#primary .widget-container > .widget-bg").each(function(index){
		var color = colors[rand(colors.length)];
		var width = $(this).width();
		var height = $(this).parent().height();
		
		$(this).height(height);
		$(this).parent().height(height);
		$(this).next().css({top:-height});
		
		var paper = Raphael(this, width, height);
		var x = rand(9);
		var y = rand(9);
		var l = "M " + x + " " + y + " ";
		x = rand(9);
		y = rand(9);
		l += "L " + x + " " + (height - y) + " ";
		x = rand(9);
		y = rand(9);
		l += "L " + (width - x) + " " + (height - y) + " ";
		x = rand(9);
		y = rand(9);
		l += "L " + (width - x) + " " + (y) + "Z";
		var line = paper.path(l);
		line.attr("fill", color);
		line.attr("stroke", color);
		//alert(colors.length);
	});
	
	$("#content-bg").each(function(){
		var height = $("#content").height();
		var width = $("#content").width();
		var padding = 10;
		var color = colors[rand(colors.length)];
		
		$(this).height(height);
		$("#content").css({top:-height});
		$(this).parent().height(height);
		
		var paper = Raphael(this, width, height);
		var x = rand(9);
		var y = rand(9);
		var l = "M " + x + " " + y + " ";
		x = rand(9);
		y = rand(9);
		l += "L " + x + " " + (height - y) + " ";
		x = rand(9);
		y = rand(9);
		l += "L " + (width - x) + " " + (height - y) + " ";
		x = rand(9);
		y = rand(9);
		l += "L " + (width - x) + " " + (y) + "Z";
		var line = paper.path(l);
		line.attr("fill", color);
		line.attr("stroke", color);
	});
	
	$("#home-content-bg").each(function(){
		var height = $("#content").height();
		var width = $("#content").width();
		var padding = 10;
		var color = colors[rand(colors.length)];
		
		
		var h1 = $("#content-topnav").height() + 2*padding;
		var w1 = $("#content-topnav").width() + 2*padding;
		var h2 = $("#freshpine-header").height() + 2*padding;
		var w2 = $("#freshpine-header").width() + 2*padding;
		var h3 = $("#thebone-header").height() + padding;
		var w3 = $("#thebone-header").width() + 2*padding;
		var h4 = $("#thebone-content").height() + 2*padding;
		var h5 = $("#content-bottomnav").height() + padding;
		
		
		$("#freshpine-content").height(h2 - h3 - h1 - 2*padding);
		$(this).height(height);
		$("#content").css({top:-height});
		$("#container").height(height);
		
		var x1 = 5;
		var y1 = h1-30;
		var x2 = width - 5;
		var y2 = 10;
		var x3 = width - rand(padding);
		var y3 = h2 - rand(padding);
		var x4 = w3 + rand(padding);
		var y4 = h2 - rand(padding);
		var x5 = w3 + rand(padding);
		var y5 = h2 - h3 - rand(padding);
		var x6 = rand(padding);
		var y6 = h2 - h3 - rand(padding);
		
		var l = "M " + x1 + " " + y1 + " L " + x2 + " " + y2 + " L " + x3 + " " + y3 +
				" L " + x4 + " " + y4 + " L " + x5 + " " + y5 + " L " + x6 + " " + y6 + " Z";
		
		var bg = Raphael(this, width, height);
		var line = bg.path(l);
		line.attr("fill", color);
		line.attr("stroke", color);
		

		var color = colors[rand(colors.length)];
		x1 = rand(padding);
		y1 = h2 - h3 + rand(padding);
		x2 = w3 - rand(padding);
		y2 = h2 - h3 + rand(padding);
		x3 = w3 - rand(padding);
		y3 = h2 + rand(padding);
		x4 = width - rand(padding);
		y4 = h2 + rand(padding);
		x5 = width - rand(padding);
		y5 = height - rand(h5);
		x6 = rand(padding);
		y6 = height - rand(h5);
		
		l = "M " + x1 + " " + y1 + " L " + x2 + " " + y2 + " L " + x3 + " " + y3 +
		    " L " + x4 + " " + y4 + " L " + x5 + " " + y5 + " L " + x6 + " " + y6 + " Z";
		
		line = bg.path(l);

		line.attr("fill", color);
		line.attr("stroke", color);
		//alert(l);
		
	});
	
	$("#primary .widget-title .widget-title-img").each(function(index){
		$(this).css({background: widgetImages[index]});
		//alert("hello");
	});
});


function rand(range){
	return Math.floor(Math.random()*range);
}