pkg('mdv');

mdv.MenuHtml = function() {

	var nodes = {};

	// check to see if flash has been embedded (= class has been set by swfobject), if not trigger the no_flash
	function init(wrapper, activeId, activeColor, inactiveColor) {

		// Create html menu
		var html = $('' +
			'<div id="htmlMenu">'+
				'<a class="home" href="/">Home</a>'+
				'<a class="activiteiten" href="/activiteiten">Activiteiten</a>'+
				'<a class="aandeslag" href="/aandeslag">Aandeslag</a>'+
				'<a class="inzenden" href="/inzenden">Inzenden</a>'+
				'<a class="mdvers" href="/mdvers">Meerdanvoetballers</a>'+
                '<a class="motto" href="/motto">Maak je eigen motto</a>'+
				'<a class="nieuws" href="/nieuws">Nieuws</a>'+
				'<a class="clubs" href="/clubs">Clubs</a>'+
			'</div>');

		var menuItems = $('a', html);

		// Set events
		menuItems.bind('mouseenter', function() {
			$(this).animate({
				marginLeft: 20
			},
			{
				queue: false,
				duration: 350,
				easing: 'easeOutExpo'
			});
		});

		menuItems.bind('mouseleave', function() {
			$(this).animate({
				marginLeft: 0
			},
			{
				queue: false,
				duration: 350,
				easing: 'easeOutExpo'
			});
		});

		// Set colors
		menuItems.css({
			color: inactiveColor
		});

		if(activeId != null && activeId >= 0) {
			$(menuItems.get(activeId)).css({
				color: activeColor
			})
		}

		wrapper.append(html);

	}


	init.apply(this, arguments);

    //html menu logo for home page
    if($('#home-menu > #mainMenu > #htmlMenu').length) {
        $('#home-header-flash-element').append('<a href="/"><img src="' + website.sDomain + 'img/getGoing/menu/header-logo.png" style="margin-top: 30px;" /></a>');
    }
    //html menu logo for club and mdver profile pages
    if ($('#mdvProfile-rowMain > .rowContent > .colLeft > #mainMenuWrapper > #mainMenu > #htmlMenu').length) {
        $('#personalFlashHeader').append('<a href="/"><img src="' + website.sDomain + 'img/getGoing/menu/header-logo.png" style="margin-top: -5px;" /></a>');
        $('#mdvProfile-rowMain .colRight').css({'border-left': 'none'});
        $('#mainMenuWrapper').css({'margin-top': '-93px'});
    }

}