var menuArray = ["Arbeidsmarktcommunicatie", "Medewerkers boeien", "Medewerkers binden", "Medewerkers werven", 
                 "Internet strategie", "Realisatie", "Internetmarketing", "Creatie", 
                 "PR & media", "Strategie", "Communicatieadvies", "Creatie"];

jQuery.noConflict();
	
jQuery(function() {
	var default_search_text = 'Zoek op trefwoord';
	jQuery("#search .tx-indexedsearch-searchbox-sword").val(default_search_text);
	jQuery("#search .tx-indexedsearch-searchbox-sword").focus(function() {
		if (this.value == default_search_text) {
			this.value = '';
		}
	});
	
	jQuery("#search .tx-indexedsearch-searchbox-sword").blur(function() {
		if (this.value == '') {
			this.value = default_search_text;
		}
	});
	
	var mouseovermenu = false;
	var mouseoverpopup = false;
	jQuery("#bc_wrapper #bc").bind('mouseover', function() { mouseoverpopup = true; }).bind('mouseout', function() { mouseoverpopup = false;  });
	jQuery("#bb_wrapper #bb").bind('mouseover', function() { mouseoverpopup = true; }).bind('mouseout', function() { mouseoverpopup = false;  });
	jQuery("#amc_wrapper #amc").bind('mouseover', function() { mouseoverpopup = true; }).bind('mouseout', function() { mouseoverpopup = false;  });


    
    // Create additional hover functions.
    jQuery(".amc1").bind('mouseover', function() { mouseovermenu = true; removeLight("", ["amc1", "amc2", "amc3","amc4"], 0); createLight("amc1", ["amc2", "amc3", "amc4"], 0); }).bind('mouseout', function() { mouseovermenu = false; removeLight("amc1", ["amc2", "amc3", "amc4"], 0); });
    jQuery(".amc2").bind('mouseover', function() { mouseovermenu = true; removeLight("", ["amc1", "amc2", "amc3","amc4"], 0); createLight("amc2", ["amc1", "amc3", "amc4"], 1); }).bind('mouseout', function() { mouseovermenu = false; removeLight("amc2", ["amc1", "amc3", "amc4"], 1); });
    jQuery(".amc3").bind('mouseover', function() { mouseovermenu = true; removeLight("", ["amc1", "amc2", "amc3","amc4"], 0); createLight("amc3", ["amc1", "amc2", "amc4"], 2); }).bind('mouseout', function() { mouseovermenu = false; removeLight("amc3", ["amc1", "amc2", "amc4"], 2); });
    jQuery(".amc4").bind('mouseover', function() { mouseovermenu = true; removeLight("", ["amc1", "amc2", "amc3","amc4"], 0); createLight("amc4", ["amc1", "amc2", "amc3"], 3); }).bind('mouseout', function() { mouseovermenu = false; removeLight("amc4", ["amc1", "amc2", "amc3"], 3); });
    jQuery(".bb1").bind('mouseover', function() { mouseovermenu = true; removeLight("", ["bb1", "bb2", "bb3","bb4"], 0); createLight("bb1", ["bb2", "bb3", "bb4"], 4); }).bind('mouseout', function() { mouseovermenu = false; removeLight("bb1", ["bb2", "bb3", "bb4"], 4); });
    jQuery(".bb2").bind('mouseover', function() { mouseovermenu = true; removeLight("", ["bb1", "bb2", "bb3","bb4"], 0); createLight("bb2", ["bb1", "bb3", "bb4"], 5); }).bind('mouseout', function() { mouseovermenu = false; removeLight("bb2", ["bb1", "bb3", "bb4"], 5); });
    jQuery(".bb3").bind('mouseover', function() { mouseovermenu = true; removeLight("", ["bb1", "bb2", "bb3","bb4"], 0); createLight("bb3", ["bb1", "bb2", "bb4"], 6); }).bind('mouseout', function() { mouseovermenu = false; removeLight("bb3", ["bb1", "bb2", "bb4"], 6); });
    jQuery(".bb4").bind('mouseover', function() { mouseovermenu = true; removeLight("", ["bb1", "bb2", "bb3","bb4"], 0); createLight("bb4", ["bb1", "bb2", "bb3"], 7); }).bind('mouseout', function() { mouseovermenu = false; removeLight("bb4", ["bb1", "bb2", "bb3"], 7); });
    jQuery(".bc1").bind('mouseover', function() { mouseovermenu = true; removeLight("", ["bc1", "bc2", "bc3","bc4"], 0); createLight("bc1", ["bc2", "bc3", "bc4"], 8); }).bind('mouseout', function() { mouseovermenu = false; removeLight("bc1", ["bc2", "bc3", "bc4"], 8); });
    jQuery(".bc2").bind('mouseover', function() { mouseovermenu = true; removeLight("", ["bc1", "bc2", "bc3","bc4"], 0); createLight("bc2", ["bc1", "bc3", "bc4"], 9); }).bind('mouseout', function() { mouseovermenu = false; removeLight("bc2", ["bc1", "bc3", "bc4"], 9); });
    jQuery(".bc3").bind('mouseover', function() { mouseovermenu = true; removeLight("", ["bc1", "bc2", "bc3","bc4"], 0); createLight("bc3", ["bc1", "bc2", "bc4"], 10); }).bind('mouseout', function() { mouseovermenu = false; removeLight("bc3", ["bc1", "bc2", "bc4"], 10); });
    jQuery(".bc4").bind('mouseover', function() { mouseovermenu = true; removeLight("", ["bc1", "bc2", "bc3","bc4"], 0); createLight("bc4", ["bc1", "bc2", "bc3"], 11); }).bind('mouseout', function() { mouseovermenu = false; removeLight("bc4", ["bc1", "bc2", "bc3"], 11); });
    
    // Listen to the url
    if (window.location.hash) 
    {
        hashHandler(window.location.hash, false);
    }
    
    jQuery('a[href^=#]').click(function(){
        hashHandler(jQuery(this).attr('href'), false);
        if(jQuery(this).attr('class') == 'menu_' + jQuery(this).attr('href').replace('#', '') + '_open')
        {
            return false;
        }
		return false;
    });
    
    jQuery(window).bind('hashchange', function () {
        var hash = window.location.hash || '#mcg';
        hashHandler(hash, true);
    });
});

  
  
  jQuery(window).trigger( "hashchange" );

function createLight(selected, classArray, menuItem)
{
    jQuery().each(classArray, function(index, value){
        jQuery("." + value).addClass(value + "_light");
    });
	
	jQuery("." + selected).addClass(selected + "_selected");
    
    jQuery("#" + classArray[0].substr(0, classArray[0].length - 1) + " p").html(menuArray[menuItem]);
    if(menuItem == 2)
    {
        jQuery("#" + classArray[0].substr(0, classArray[0].length - 1) + " p").css("margin-top", "130px");
    }
}

function removeLight(selected, classArray, menuItem)
{
    jQuery().each(classArray, function(index, value){
        jQuery("." + value).removeClass(value + "_light");
    });
	
	if (selected != "")
		jQuery("." + selected).removeClass(selected + "_selected");
    
    jQuery("#" + classArray[0].substr(0, classArray[0].length - 1) + " p").html("");
    if(menuItem == 2)
    {
        jQuery("#" + classArray[0].substr(0, classArray[0].length - 1) + " p").css("margin-top", "136px");
    }
}

function hashHandler(hash, force)
{
    hash = hash.replace('#', '');

    switch(hash)
    {
        case "mcg":
            jQuery('#menu a[href=#' + hash + ']').attr('class', 'menu_' + hash + '_primary');
            jQuery("#menu a[href=#bc]").attr('class', 'menu_bc_open');
            jQuery("#menu a[href=#bb]").attr('class', 'menu_bb_open');
            jQuery("#menu a[href=#amc]").attr('class', 'menu_amc_open');
            jQuery("#bc, #bb, #amc").removeClass('popup_inactive');
            break;
        case "bc":
            if(jQuery("#menu a[href=#bc]").attr('class') == "menu_bc_closed" && !force)
            {
                jQuery("#bc").removeClass('popup_inactive');
                jQuery("#menu a[href=#bc]").attr('class', 'menu_bc_open');
				jQuery("#menu .menu_bb_primary").attr('class', 'menu_bb_open');
                jQuery("#menu .menu_amc_primary").attr('class', 'menu_amc_open');
				jQuery('#menu a[href=#mcg]').attr('class', 'menu_mcg_primary');
            }
            else
            {
                jQuery('#menu a[href=#' + hash + ']').attr('class', 'menu_' + hash + '_primary');
                jQuery("#menu a[href=#mcg]").attr('class', 'menu_mcg_closed');
                jQuery("#menu a[href=#bb]").attr('class', 'menu_bb_closed');
                jQuery("#menu a[href=#amc]").attr('class', 'menu_amc_closed');
                jQuery("#bb, #amc").addClass('popup_inactive');
                jQuery("#bc").removeClass('popup_inactive');
            }
            break;
        case "bb":
            if(jQuery("#menu a[href=#bb]").attr('class') == "menu_bb_closed" && !force)
            {
                jQuery("#bb").removeClass('popup_inactive');
                jQuery("#menu a[href=#bb]").attr('class', 'menu_bb_open');
                jQuery("#menu .menu_bc_primary").attr('class', 'menu_bc_open');
                jQuery("#menu .menu_amc_primary").attr('class', 'menu_amc_open');
				jQuery('#menu a[href=#mcg]').attr('class', 'menu_mcg_primary');
            }
            else
            {
                jQuery('#menu a[href=#' + hash + ']').attr('class', 'menu_' + hash + '_primary');
                jQuery("#menu a[href=#mcg]").attr('class', 'menu_mcg_closed');
                jQuery("#menu a[href=#bc]").attr('class', 'menu_bc_closed');
                jQuery("#menu a[href=#amc]").attr('class', 'menu_amc_closed');
                jQuery("#bc, #amc").addClass('popup_inactive');
                jQuery("#bb").removeClass('popup_inactive');
            }
            break;
        case "amc":
            if(jQuery("#menu a[href=#amc]").attr('class') == "menu_amc_closed" && !force)
            {
                jQuery("#amc").removeClass('popup_inactive');
                jQuery("#menu a[href=#amc]").attr('class', 'menu_amc_open');
				jQuery("#menu .menu_bc_primary").attr('class', 'menu_bc_open');
                jQuery("#menu .menu_bb_primary").attr('class', 'menu_bb_open');
				jQuery('#menu a[href=#mcg]').attr('class', 'menu_mcg_primary');
            }
            else
            {
                jQuery('#menu a[href=#' + hash + ']').attr('class', 'menu_' + hash + '_primary');
                jQuery("#menu a[href=#mcg]").attr('class', 'menu_mcg_closed');
                jQuery("#menu a[href=#bc]").attr('class', 'menu_bc_closed');
                jQuery("#menu a[href=#bb]").attr('class', 'menu_bb_closed');
                jQuery("#bb, #bc").addClass('popup_inactive');
                jQuery("#amc").removeClass('popup_inactive');
            }
            break;
    }
}