var selectedSubMenu = null;
var selectedSubMenuItem = null;
var splitBottom = null;

$(document).ready(function () {

splitBottom = $('#splitBottom');
$('#mainMenu a, #liveddmlogo a, #menuItemHome a, #liveddmHome').live('click', function () {
    subMenu = $(this).next(".subMenu")[0];



    if (subMenu == undefined) {

    }
    else {

        ToggleSubMenuVisibility(subMenu, !$(subMenu).hasClass("subMenuVisible"));
    }
});


$('.sampleIcon').mouseenter(function () {

    img = $(this).find('.sampleIconBack');

    if (img.is(':animated')) {
        return false;
    }

    id = img.attr('id');
    changeSrcTo = "";
    foundImage = false;
    foundBackg = false;

    if (id == 'liveddm_sample') {
        // foundImage = true;
        changeSrcTo = "resources/pages/menu/liveddmpro_over.png";
        foundBackg = true;
    }
    else if (id == 'livechart_sample') {
        //  foundImage = true;
        changeSrcTo = "resources/pages/menu/livechart_over.png";
        foundBackg = true;
    }
    else if (id == 'hardware_sample') {
        //foundImage = true;
        changeSrcTo = "resources/pages/menu/hardware_over.png";
        foundBackg = true;
    }
    else if (img.hasClass('sampleIconBack')) {
        foundImage = true;
        img.addClass("active");
    }

    if (foundImage) {
        img.attr('src', changeSrcTo); ;
    }
    else if (foundBackg) {
        img.css({ backgroundImage: 'url(' + changeSrcTo + ')' });
    }
});


$('.sampleIcon').mouseleave(function () {

    img = $(this).find('.sampleIconBack');
    if (img.is(':animated')) {
        return false;
    }

    id = img.attr('id');
    changeSrcTo = "";
    foundImage = false;
    foundBackg = false;

    if (id == 'liveddm_sample') {
        foundBackg = true;
        changeSrcTo = "resources/pages/menu/liveddmpro.png";
    }
    else if (id == 'livechart_sample') {
        foundBackg = true;
        changeSrcTo = "resources/pages/menu/livechart.png";
    }
    else if (id == 'hardware_sample') {
        foundBackg = true;
        changeSrcTo = "resources/pages/menu/hardware.png";

    }
    else if (img.hasClass('sampleIconBack')) {
        foundImage = true;
        img.removeClass('active');
    }

    if (foundBackg) {

        img.css({ backgroundImage: 'url(' + changeSrcTo + ')' });

    }
    else if (foundImage) {

        img.attr('src', changeSrcTo);


    }
});

var menuItemFadeSpeed = 200;



    


    
});

function ToggleSubMenuVisibility(subMenu, show)
{
	speed = 200;
	$(selectedSubMenu)//$(".subMenuVisible")
	.hide()
	.removeClass("subMenuVisible");
	//.siblings("a")
    $(selectedSubMenuItem).removeClass("selectedMenuItem").removeClass('active');

	if (show)
	{
	    sItem = $(subMenu).show()
		.addClass("subMenuVisible")
		.siblings("a").addClass("selectedMenuItem");
	    sItem.parent().prev().css('visibility', 'hidden');
	    sItem.parent().next().css('visibility', 'hidden');
	    splitBottom.css('borderColor', sItem.css('border-top-color'));
        
        selectedSubMenu = subMenu;
        selectedSubMenuItem = sItem;
	}
	else
	{
		//
		// Hide sub menu
	    //
	    selectedSubMenuItem = $(subMenu).siblings("a");

	    $(selectedSubMenu).hide();
	    selectedSubMenuItem.removeClass("selectedMenuItem");

	    if (selectedSubMenuItem.is('.currentMenuItem') == false) {

	        selectedSubMenuItem.parent().next().css('visibility', 'visible');
	        selectedSubMenuItem.parent().prev().css('visibility', 'visible');
	    }

	    splitBottom.css({ 'border-top-color': '#6B6B6B', 'border-bottom-color': '#000' });

	}
}