$(function() {
                $('#sdt_menu > li').bind('mouseenter',function(){
                                        var $elem = $(this);
                                        $elem.find('img')
                                                 .stop(true)
                                                 .animate({
                                                        'width':'170px',
                                                        'height':'170px',
                                                        'left':'0px'
                                                 },400,'easeOutBack')
                                                 .andSelf()
                                                 .find('.sdt_wrap')
                                             .stop(true)
                                                 .animate({'top':'140px'},500,'easeOutBack')
                                                 .andSelf()
                                                 .find('.sdt_active')
                                             .stop(true)
                                                 .animate({'height':'170px'},300,function(){
                                                var $sub_menu = $elem.find('.sdt_box');
                                                if($sub_menu.length){
                                                        var left = '170px';
                                                        if($elem.parent().children().length == $elem.index()+1)
                                                                left = '-170px';
                                                        $sub_menu.show().animate({'left':left},200);
                                                }
                                        });
                                }).bind('mouseleave',function(){
                                        var $elem = $(this);
                                        var $sub_menu = $elem.find('.sdt_box');
                                        if($sub_menu.length)
                                                $sub_menu.hide().css('left','0px');

                                        $elem.find('.sdt_active')
                                                 .stop(true)
                                                 .animate({'height':'0px'},300)
                                                 .andSelf().find('img')
                                                 .stop(true)
                                                 .animate({
                                                        'width':'0px',
                                                        'height':'0px',
                                                        'left':'85px'},400)
                                                 .andSelf()
                                                 .find('.sdt_wrap')
                                                 .stop(true)
                                                 .animate({'top':'25px'},500);
                                });



            $(function() {
            $('.imgOpa').each(function() {
                $(this).hover(
                    function() {
                        $(this).stop().animate({ 'opacity':'1.0', 'width':'180px','border' : '4px solid #1E4BA5'},200);

                    },
                   function() {
                       $(this).stop().animate({ 'opacity':'0.9', 'width':'135px','border' : '3px solid #B1890D'},200);
                   })
                });
        });
        

            });
            


