/* 
 * options are: menu
 */
var components = ["menu"];





$(document).ready(function(){

    var wrapper_width = 1* ( $("#wrapper").css("min-width") ? $("#wrapper").css("min-width").replace("px","") : $("#wrapper").css("width").replace("px","") );
    var body_width = 0; var margin;
    
    $(window).resize(function(){
        
        body_width = $("body").width();
        
        if ( body_width > wrapper_width + 20 ) {
            
            margin = (body_width - wrapper_width) / 2;
            if (margin > 87) margin = 87;
            $("#wrapper").css("margin","0 " + margin + "px");
            
        } else {
            
            $("#wrapper").css("margin","0 auto");
            
        }
        
    });
	
	$(window).resize();
	
	init(components);
	Cufon.replace('h1, .column h2, .featured h2');
	
	// content corners for all browsers but the stupid IE6
	if (!($.browser.msie && $.browser.version == "6.0")) {
		for (a = 1; a <= 4; a++) {
			var corner = $('<span class="content-corner content-corner' + a + '"></span>');
			$("#content").append(corner);
		}
	}
	// featured corners
	for (a = 3; a <= 4; a++) {
		var corner = $('<span class="content-corner content-corner' + a + '"></span>');
		$(".featured").append(corner);
	}
	// footer corners
	for (a = 1; a <= 4; a++) {
		var corner = $('<span class="content-corner content-corner' + a + '"></span>');
		$("#footer").append(corner);
	}
	
	// linkarea corners
	for (a = 1; a <= 4; a++) {
		var corner = $('<span class="content-corner content-corner' + a + '"></span>');
		$("#linkarea").append(corner);
	}	
	
	// tab switching for the footer
	$("#linkarea .tabs h2").each(function(i){
		if (i==0) $(this).addClass("active");
		if (i>0) $("#linkarea .tabs ul:eq(" + i + ")").hide();
		$(this).click(function(){
			$("#linkarea .tabs ul").hide();
			$("#linkarea .tabs h2").removeClass("active");
			$("#linkarea .tabs ul:eq(" + i + ")").show();
			$("#linkarea .tabs h2:eq(" + i + ")").addClass("active");
		});
	});
	
	$("#content table tr:even").addClass("even");
	
	// replacing CMS "float" and "title" with some intelligent formatting
	$.each($("#content img"),function(i){
		
		if ( $(this).css("float") == "right" ) {
			$(this).wrap("<span></span>").attr("style","");
			$(this).parent().addClass("right").css("width",$(this).width());
		}
		if ($(this).attr("title") != "") {
			
			$(this).parent().append("<span>" + $(this).attr("title") + "</span>");
		}
					
	});
	
});