$(document).ready( function(){
    // set sub-menu
    set_drop_down_menu();

} );

var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;

function set_drop_down_menu()
{
    // set swap image for drop down image
    $('#sub_menu_2_2').mouseover( function(){
        activate_sub_menu_image(2, 2) 
    });

    $('#sub_menu_2_2').mouseout( function(){
        deactivate_sub_menu_image(2, 2) 
    });
    
    // set swap image for drop down image
    $('#sub_menu_2_4').mouseover( function(){
        activate_sub_menu_image(2, 4) 
    });

    $('#sub_menu_2_4').mouseout( function(){
        deactivate_sub_menu_image(2, 4) 
    });
    
    // set swap image for drop down image
    $('#sub_menu_2_6').mouseover( function(){
        activate_sub_menu_image(2, 6) 
    });

    $('#sub_menu_2_6').mouseout( function(){
        deactivate_sub_menu_image(2, 6) 
    });
	
	$('#sub_menu_3_2').mouseover( function(){
        activate_sub_menu_image(3, 2) 
    });

    $('#sub_menu_3_2').mouseout( function(){
        deactivate_sub_menu_image(3, 2) 
    });
    
    $('#sub_menu_3_4').mouseover( function(){
        activate_sub_menu_image(3, 4) 
    });

    $('#sub_menu_3_4').mouseout( function(){
        deactivate_sub_menu_image(3, 4) 
    });
    
    $('#sub_menu_3_6').mouseover( function(){
        activate_sub_menu_image(3, 6) 
    });

    $('#sub_menu_3_6').mouseout( function(){
        deactivate_sub_menu_image(3, 6) 
    });
	
    $('#sub_menu_4_2').mouseover( function(){
        activate_sub_menu_image(4, 2) 
    });

    $('#sub_menu_4_2').mouseout( function(){
        deactivate_sub_menu_image(4, 2) 
    });
    
    $('#sub_menu_4_4').mouseover( function(){
        activate_sub_menu_image(4, 4) 
    });

    $('#sub_menu_4_4').mouseout( function(){
        deactivate_sub_menu_image(4, 4) 
    });
    
    $('#sub_menu_4_6').mouseover( function(){
        activate_sub_menu_image(4, 6) 
    });

    $('#sub_menu_4_6').mouseout( function(){
        deactivate_sub_menu_image(4, 6) 
    });
    
    $('#sub_menu_4_8').mouseover( function(){
        activate_sub_menu_image(4, 8) 
    });

    $('#sub_menu_4_8').mouseout( function(){
        deactivate_sub_menu_image(4, 8) 
    });

	$('#sub_menu_5_2').mouseover( function(){
        activate_sub_menu_image(5, 2) 
    });
	
    $('#sub_menu_5_8').mouseout( function(){
        deactivate_sub_menu_image(5, 2) 
    });
	
    $('#sub_menu_5_4').mouseover( function(){
        activate_sub_menu_image(5, 4) 
    });
	
    $('#sub_menu_5_4').mouseout( function(){
        deactivate_sub_menu_image(5, 4) 
    });
	
    $('#sub_menu_5_6').mouseover( function(){
        activate_sub_menu_image(5, 6) 
    });
	
    $('#sub_menu_5_6').mouseout( function(){
        deactivate_sub_menu_image(5, 6) 
    });
    
    // set drop down menu
    $('.jsddm > li').bind('mouseover', jsddm_open)
    $('.jsddm > li').bind('mouseout',  jsddm_timer)
}


function jsddm_open()
{  
	jsddm_canceltimer();
	jsddm_close();
   	ddmenuitem = $(this).find('ul').removeClass('hidden');
    ddmenuitem.addClass('active');
}

function jsddm_close()
{  
	if(ddmenuitem) 
    {
        ddmenuitem.removeClass('active');
        ddmenuitem.addClass('hidden');
    }
}

function jsddm_timer()
{  
	closetimer = window.setTimeout(jsddm_close, timeout);
}

function jsddm_canceltimer()
{  
	if(closetimer)
	{  
		window.clearTimeout(closetimer);
   		closetimer = null;
	}
}


function activate_sub_menu_image(first_index, second_index)
{
    $('#sub_menu_' + first_index + '_' + second_index).attr('src', 
            'images/menu/' + first_index + '-' + second_index + '-1.gif');
}

function deactivate_sub_menu_image(first_index, second_index)
{
    $('#sub_menu_' + first_index + '_' + second_index).attr('src', 
            'images/menu/' +  first_index + '-' + second_index + '.gif');
}