/*************************
Javascripts
For GAIA Wireframe

By
Vincent Lu
2008-10-07 14:42
*************************/

$(document).ready(function(){

	// ENABLE EXTERNAL LINK TO OPEN NEW WINDOW
	$("a[rel='external']").attr("target", "_blank");

	// CORNER TREATMENT
	$("#menu ul").append('<li class="corner_left"><span>•</span></li><li class="corner_right"><span>•</span></li>');
	$("#area_5 h1").append('<span class="corner_left"><span>•</span></span>');
	$("#area_5 .title").append('<span class="corner_left"><span>•</span></span>');
	$("#area_7 h1").append('<span class="corner_right"><span>•</span></span>');

	// APPEND READ MORE FOR LINKPAGE AREA
	$(".linkpage").each(function () {
		var linkto = $(this).find("a").attr("href");
		var content = $(this).find("a").html();
		$(this).find("a").replaceWith(content);
		$(this).find(".text").append("<br /><br /><a href=\""+linkto+"\">Read more ...</a>");
	});

	// PREPEND > FOR SUBMENU
	//$("#submenu li a").prepend("<span class=\"icon\">&raquo; </span>");

	// ALIGNING SECTIONS
    if (jQuery.browser.msie) {
        $("#banner").css("height", "230px");
    } else {
        align_div ("#area_1", "#area_2");
    }
	align_div ("#area_3", "#area_4");
	align_div ("#area_5", "#area_6");
	align_div ("#area_6", "#area_7");
	align_div ("#area_5", "#area_7");
	align_div ("#submenu", "#content");

	// MENU WIDTH TREATMENT
	var menu_items = $("#menu li").children("h2").size();
	var menu_width = $("#menu ul").width();
	var menu_new_width = Math.floor(menu_width/menu_items);
	var menu_last_width = (menu_width - menu_new_width*menu_items) + menu_new_width;
	$("#menu a").css("width", menu_new_width);
	$("#menu a:last").css("width", menu_last_width);

	// TOP MENU CORNER COLOR CHANGE WHEN HOVER
	$("#menu li:has(h2):has(a):first").hover(
		function () {
			var color = $("#header").css("border-bottom-color");
			$("#menu li.corner_left").css("color", color);
		},
		function () {
			var color = $("#menu ul").css("background-color");
			$("#menu li.corner_left").css("color", color);
		}
	);

	$("#menu li:has(h2):has(a):last").hover(
		function () {
			var color = $("#header").css("border-bottom-color");
			$("#menu li.corner_right").css("color", color);
		},
		function () {
			var color = $("#menu ul").css("background-color");
			$("#menu li.corner_right").css("color", color);
		}
	);

    if($.browser.msie){
        var version = $.browser.version.substr(0, 1);
        if (version==6) {
            $("#submenu li").hover(
            function () {
                $("#submenu li").css("margin-left", "8%");
            },
            function () {
                //
            });
        }
    }

	//HEIGHT ALIGNMENT FUNCTION
	function align_div (div_1, div_2) {
		var div_1_height = $(div_1).height();
		var div_2_height = $(div_2).height();

		if (div_1_height > div_2_height) {
			$(div_2).css("height", div_1_height+"px");
		}else{
			$(div_1).css("height", div_2_height+"px");
		}
	}

    formatFooter();

});

function formatFooter() {
    jQuery("#footer ul li").not(":last").after(" | ");
}