// JavaScript Document
//first word is border, second is background-color
$(function(){
	$('div.blackAqua100, div.blackFauwn100, div.blackWhite100, div.blackGreen100, div.blackBlue100, div.blackOrange100, div.blackYellow100').wrap('<div class="outerBlack100"></div>');
	$('div.blackAqua, div.blackWhite, div.blackFauwn, div.blackYellow, div.blackNavy, div.blackBlue, div.blackOrange, div.blackGreen').wrap('<div class="outerBlack"></div>');
	$('div.aquaWhite').wrap('<div class="outerAqua"></div>');
	$('div.whiteFauwn').wrap('<div class="outerWhite"></div>');
	$('div.fauwnWhite').wrap('<div class="outerFauwn"></div>');
	$('div.fauwnWhiteFossils').wrap('<div class="outerFauwnFossils"></div>');
	$('div.redWhiteLeft').wrap('<div class="outerRedLeft"></div>');
	$('div.redWhiteRight').wrap('<div class="outerRedRight"></div>');
	$('div.highlight').corner("cool 10px");
	$('div.orangeWhite').wrap('<div class="outerOrange"></div>');
	$('div.greenWhite').wrap('<div class="outerGreen"></div>');
	$('div.blueWhite100').wrap('<div class="outerBlue100"></div>');
	$('div.blueWhite').wrap('<div class="outerBlue"></div>');
	$('div.orangeWhite100').wrap('<div class="outerOrange100"></div>');
  //$('div.highlight').wrap('<div class="outerBlue100"></div>'); hmmm
		
	//Get involved has funny ones
	
	$('div.navyWhite').wrap('<div class="outerNavy"></div>');
	$('div.navyWhite').corner("round 8px").parent().css('padding', '3px').corner("round 10px");
	$('div.greySky, div.greyBlue').wrap('<div class="outerGrey"></div>')
	$('div.greySky').corner("long 8px").parent().css('padding', '3px').corner("long 10px");
	$('div.greyBlue').corner("dog 8px").parent().css('padding', '3px').corner("dog 10px");
	$('div.blueWhite').corner("cool 8px").parent().css('padding', '3px').corner("cool 10px");
		
	$('div.blackAqua100, div.blackAqua, div.aquaWhite, div.blackWhite, div.blackFauwn, div.blackFauwn100, div.fauwnWhite, div.redWhiteLeft, div.redWhiteRight, div.whiteFauwn, div.fauwnWhiteFossils, div.orangeWhite, div.blackYellow, div.blackWhite100, div.blackGreen, div.greenWhite, div.blueWhite100, div.blackNavy, div.blueWhite, div.blackBlue, div.blackOrange, div.blackBlue100, div.orangeWhite100, div.blackOrange100, div.blackYellow100').corner("round 8px").parent().css('padding', '3px').corner("round 10px");
});

//Below to insert title text for images if not supplied. If the alt text isn't empty, then it's set to be the same, otherwise, it is set to be the same as the filename.
$(window).load(function() {
 	$("img:not([title])").each(function() {
  		if($(this).attr("alt") != '') {$(this).attr("title", $(this).attr("alt"))}
  		else 
		{$(this).attr("title", $(this).attr("src"))}
  	})
});