$(document).ready(function() {
    //3 left hand menus
    $("#dropmenu img.arrow").click(function() {

        $("span.head_menu").removeClass('active');

        submenu = $(this).parent().parent().find("div.sub_menu");

        if (submenu.css('display') == "block") {
            $(this).parent().removeClass("active");
            submenu.hide();
            $('#menu1').css("border-left", "1px dotted #B1B7AD");
            $('#menu2').css("border-left", "1px dotted #B1B7AD");
            $('#menu3').css("border-left", "1px dotted #B1B7AD");
            $('#menusub1').show();
            $('#menusub2').show();
            $('#menusub3').show();
            $(this).attr('src', '../img/arrow_hover.gif');
        } else {
            $(this).parent().addClass("active");
            submenu.fadeIn();
            $('#menu1').css("border-left", "1px dotted #ffffff");
            $('#menu2').css("border-left", "1px dotted #ffffff");
            $('#menu3').css("border-left", "1px dotted #ffffff");
            $('#menusub1').hide();
            $('#menusub2').hide();
            $('#menusub3').hide();
            $('#menusub4').show();
            $(this).attr('src', '../img/arrow_select.gif');
        }

        $("div.sub_menu:visible").not(submenu).hide();
        $("#dropmenu img.arrow").not(this).attr('src', '../img/arrow.gif');
        $("#dropmenu img.arrowwanted").not(this).attr('src', '../img/arrow.gif');

    })
	.mouseover(function() { $(this).attr('src', '../img/arrow_hover.gif'); })
	.mouseout(function() {
	    if ($(this).parent().parent().find("div.sub_menu").css('display') != "block") {
	        $(this).attr('src', '../img/arrow.gif');
	    } else {
	        $(this).attr('src', '../img/arrow_select.gif');
	    }
	});

	//wanted menu
    $("#dropmenu img.arrowwanted").click(function() {

        $("span.head_menu").removeClass('active');

        submenu = $(this).parent().parent().find("div.sub_menu");

        if (submenu.css('display') == "block") {
            $(this).parent().removeClass("active");
            submenu.hide();
            $('#menusub4').show();
            $(this).attr('src', '../img/arrowwanted_hover.gif');
        } else {
            $(this).parent().addClass("active");
            submenu.fadeIn();
            $('#menusub4').hide();
            $('#menu1').css("border-left", "1px dotted #B1B7AD");
            $('#menu2').css("border-left", "1px dotted #B1B7AD");
            $('#menu3').css("border-left", "1px dotted #B1B7AD");
            $('#menusub1').show();
            $('#menusub2').show();
            $('#menusub3').show();
            $(this).attr('src', '../img/arrow_select.gif');
        }

        $("div.sub_menu:visible").not(submenu).hide();
        $("#dropmenu img.arrow").not(this).attr('src', '../img/arrow.gif');

    })
	.mouseover(function() { $(this).attr('src', '../img/arrowwanted_hover.gif'); })
	.mouseout(function() {
	    if ($(this).parent().parent().find("div.sub_menu").css('display') != "block") {
	        $(this).attr('src', '../img/arrow.gif');
	    } else {
	        $(this).attr('src', '../img/arrow_select.gif');
	    }
	});


    $("#dropmenu span.head_menu").mouseover(function() { $(this).addClass('over') })
								 .mouseout(function() { $(this).removeClass('over') });

    $("#dropmenu div.sub_menu").mouseover(function() { $(this).fadeIn(); })
							   .blur(function() {
							       $(this).hide();
							       $("span.head_menu").removeClass('active');
							   });

    $(document).click(function(event) {
        var target = $(event.target);
        if (target.parents("#dropmenu").length == 0) {
            $("#dropmenu span.head_menu").removeClass('active');
            $("#dropmenu div.sub_menu").hide();
            $("#dropmenu img.arrow").attr('src', '../img/arrow.gif');
            $("#dropmenu img.arrowwanted").attr('src', '../img/arrow.gif');
            $('#menu1').css("border-left", "1px dotted #B1B7AD");
            $('#menu2').css("border-left", "1px dotted #B1B7AD");
            $('#menu3').css("border-left", "1px dotted #B1B7AD");
            $('#menusub1').show();
            $('#menusub2').show();
            $('#menusub3').show();
            $('#menusub4').show();
        }
    });

    $(".activeDrop img.arrow").click(function() {

        $("span.activeTitle").removeClass('active');

        submenu = $(this).parent().parent().find("div.active_menu");

        if (submenu.css('display') == "block") {
            $(this).parent().removeClass("active");
            submenu.hide();
        } else {
            $(this).parent().addClass("active");
            submenu.fadeIn();
        }

        $("div.active_menu:visible").not(submenu).hide();


    })

	.mouseout(function() {
	    if ($(this).parent().parent().find("div.active_menu").css('display') != "block") {
	    } else {

	    }
	});

    $(".activeDrop span.activeTitle").mouseover(function() { $(this).addClass('over') })
								 .mouseout(function() { $(this).removeClass('over') });

    $(".activeDrop div.active_menu").mouseover(function() { $(this).fadeIn(); })
							   .blur(function() {
							       $(this).hide();
							       $("span.activeTitle").removeClass('active');
							   });

    $(document).click(function(event) {
        var target = $(event.target);
        if (target.parents(".activeDrop").length == 0) {
            $(".activeDrop span.activeTitle").removeClass('active');
            $(".activeDrop div.active_menu").hide();
        }
    });


});

/****
 * This function just hides all the sub menus that maybe open on a page.
 * Should only ever be 1
 ****/
function closeMenu()
{
	$(".head_menu").removeClass('active');
	$(".sub_menu").hide();
	
	$(".activeTitle").removeClass('active');
	$(".active_menu").hide();
	$('#menusub1').show();
	$('#menusub2').show();
	$('#menusub3').show();
	$('#menusub4').show();
	$('#menu1').css("border-left", "1px dotted #B1B7AD");
	$('#menu2').css("border-left", "1px dotted #B1B7AD");
	$('#menu3').css("border-left", "1px dotted #B1B7AD");
	$("#dropmenu img.arrow").attr('src', '../img/arrow.gif');
	$("#dropmenu img.arrowwanted").attr('src', '../img/arrow.gif');
	
}