$(function() {

	// clear narrow inline-block tweets
	$('article').after( $('<div class="clear"></div>') );

	// load photo on thumbnail click
	$('article .thumbs a').click(function(event) {
		if (event.ctrlKey || event.shiftKey) {	 // allow open in new tab or window
			return;
		}
		else {
			event.preventDefault();
		}

		var jThumbImg = $(this).find('img').eq(0);
		var jEntry = $(this).parents('article').eq(0);
		var jImg = jEntry.find('img').eq(0);

		if (!$('#fadeImg').length) {
			var jFadeImg = jImg.clone();
			jFadeImg.css({position: 'absolute', display: 'none'});
			jFadeImg.attr('className', 'fade');
			jFadeImg.attr('id', 'fadeImg');
			$(document.body).append(jFadeImg);
		}
		else {
			var jFadeImg = $('#fadeImg').eq(0);
		}
		
		jFadeImg.hide();
		jImg.css('height', 'auto');
		jFadeImg.css({left: jImg.offset().left,
			top: jImg.offset().top + parseInt(jImg.css('borderTopWidth')),
			height: 'auto'
			});
		jFadeImg.load(function() {
			jFadeImg.fadeIn(400, function() {
			
				jImg.load(function() { jFadeImg.hide(); });
				jImg.attr('src', src_new);
				//jFadeImg.hide();
			});
		});
		
		var src_new = jThumbImg.attr('src');
		src_new = src_new.replace('_s.', '_z.');
		jFadeImg.attr('src', src_new);
	});
	
	
	// colorize links to FFCC99.milov.nl color pages
	$('a').each(function() {
		//$(this).css({fontSize: 40});
		if (href = $(this).attr('href')) {
			if (m = href.match(/([a-fA-F0-9]{6})\.milov/)) {
				$(this).css({color: '#' + m[1]});
			}
			
			if (m = href.match(/(aliceblue|antiquewhite|aquamarine|azure|beige|bisque|black|blanchedalmond|blue|blueviolet |brown|burlywood|cadetblue|chartreuse|chocolate|coral|cornsilk|crimson|cyan|darkblue|darkcyan|darkgoldenrod|darkgray|darkgreen|darkkhaki|darkmagenta|darkolivegreen|darkorange|darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkturquoise|darkviolet|deeppink|deepskyblue|dimgray|dodgerblue|firebrick|floralwhite|forestgreen|gainsboro|ghostwhite|gold|goldenrod|gray|green|greenyellow|honeydew|hotpink|indianred|indigo|ivory|khaki|lavender|lavenderblush|lawngreen|lemonchiffon|lightblue|lightcoral|lightgoldenrodyellow|lightgreen|lightgrey|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray|lightsteelblue|lightyellow|lime|limegreen|linen|magenta|maroon|mediumaquamarine|mediumblue|mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise|mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|navy|oldlace|olive|olivedrab|orange|orangered|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum|powderblue|purple|red|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell|sienna|silver|skyblue|slateblue|slategray|snow|springgreen|steelblue|tan|teal|thistle|tomato|turquoise|violet|wheat|white|whitesmoke|yellow|yellowgreen|ActiveBorder|ActiveCaption|AppWorkspace|Background|ButtonFace|ButtonHighlight|ButtonShadow|ButtonText|CaptionText|GrayText|Highlight|HighlightText|InactiveBorder|InactiveCaption|InactiveCaptionText|InfoBackground|InfoText|Menu|MenuText|Scrollbar|ThreeDDarkShadow|ThreeDFace|ThreeDHighlight|ThreeDLightShadow|ThreeDShadow|Window|WindowFrame|WindowText)\.milov/)) {
				$(this).css({color: m[1]});
			}
		}
	});
	
});