$( document ).ready( function() {
    $( 'div.roundbox' ).createbox();
    $( 'div.menu_button' ).createmenulink();
    $( 'div.menu_button' ).createmenulinkg();
    $( 'a.menu_link_top' ).createmenutoplink();
} );

$.fn.createmenulink = function() {
    $( this ).each( function() {
        var _class;
        var _link = $( 'a.menu_link', this );
        if( $( _link ).hasClass( 'menuInactive' ) ) {
            _class = 'Inactive';
            $( this ).hover(
                function() {
                    $( '#menu_left', this ).addClass( 'left_btn_Active' ).removeClass( 'left_btn_Inactive' );
                    $( '.menu_link', this ).addClass( 'menuActive' ).removeClass( 'menuInactive' );
                    $( '#menu_right', this ).addClass( 'right_btn_Active' ).removeClass( 'right_btn_Inactive' );
                    $( '.menu_dropdown', this ).css( 'display', 'block' );
                },
                function() {
                    $( '#menu_left', this ).addClass( 'left_btn_Inactive' ).removeClass( 'left_btn_Active' );
                    $( '.menu_link', this ).addClass( 'menuInactive' ).removeClass( 'menuActive' );
                    $( '#menu_right', this ).addClass( 'right_btn_Inactive' ).removeClass( 'right_btn_Active' );
                    $( '.menu_dropdown', this ).css( 'display', 'none' );
                }
            );
        }
        else {
            _class = 'Active';
            $( this ).hover(
                function() {
                    $( '.menu_dropdown', this ).css( 'display', 'block' );
                },
                function() {
                    $( '.menu_dropdown', this ).css( 'display', 'none' );
                }
            );
        }
        $( _link ).before( '<div id="menu_left" class="left_btn_'+_class+'"></div>' );
        $( _link ).after( '<div id="menu_right" class="right_btn_'+_class+'"></div>' );
    } );
}



$.fn.createmenulinkg = function() {
    $( this ).each( function() {
        var _class;
        var _link = $( 'a.menu_linkg', this );
        if( $( _link ).hasClass( 'menuInactive' ) ) {
            _class = 'Inactive';
            $( this ).hover(
                function() {
                    $( '#menu_left', this ).addClass( 'left_btn_Activeg' ).removeClass( 'left_btn_Inactive' );
                    $( '.menu_link', this ).addClass( 'menuActive' ).removeClass( 'menuInactive' );
                    $( '#menu_right', this ).addClass( 'right_btn_Activeg' ).removeClass( 'right_btn_Inactive' );
                    $( '.menu_dropdown', this ).css( 'display', 'block' );
                },
                function() {
                    $( '#menu_left', this ).addClass( 'left_btn_Inactive' ).removeClass( 'left_btn_Activeg' );
                    $( '.menu_link', this ).addClass( 'menuInactive' ).removeClass( 'menuActive' );
                    $( '#menu_right', this ).addClass( 'right_btn_Inactive' ).removeClass( 'right_btn_Activeg' );
                    $( '.menu_dropdown', this ).css( 'display', 'none' );
                }
            );
        }
        else {
            _class = 'Active';
            $( this ).hover(
                function() {
                    $( '.menu_dropdown', this ).css( 'display', 'block' );
                },
                function() {
                    $( '.menu_dropdown', this ).css( 'display', 'none' );
                }
            );
        }
        $( _link ).before( '<div id="menu_left" class="left_btn_'+_class+'g"></div>' );
        $( _link ).after( '<div id="menu_right" class="right_btn_'+_class+'g"></div>' );
    } );
}





$.fn.createmenutoplink = function() {
    $( this ).each( function() {
        $( this ).before( '<div id="menu_left_top" class="menu_top_left_active"></div>' );
        $( this ).after( '<div id="menu_right_top" class="menu_top_right_active"></div>' );
    } );
}

$.fn.createbox = function() {
    $( this ).each( function() {
        $( this ).html( 
            '<div class="dialog">'+ 
            '   <div class="hd">'+
            '       <div class="c"></div>'+
            '   </div>'+
            '   <div class="bd">'+ 
            '       <div class="c">'+ 
            '           <div class="s">'+
            $( this ).html() +
            '           </div>'+ 
            '       </div>'+ 
            '   </div>'+
            '   <div class="ft">'+
            '      <div class="c"></div>'+
            '   </div>'+
            '</div>'
        );
    } );
};