$(function(){
    $('#flashAreaA .courses>ul>li>a').draggable({stop:function(){
    }});
    $('#flashAreaA .courses>ul>li>div').draggable({stop:function(){
    }});
    $('#flashAreaA #tv').draggable({stop:function(){
    }});

    $('#flashAreaA .courses>ul>li').each(function(){
        var obj=$(this);
        var icon=obj.children('a');
        var menu=obj.children('div');
        $('<a href="#" class="close"><img src="top/menu.close.png"></a>').appendTo(menu);
        var pos=icon.position();
        var size={w:icon.width(),h:icon.height()};
        obj.data('size',size)
           .data('dest',{w:size.w*1.2,h:size.h*1.2})
           .data('icon',icon)
           .data('menu',menu)
           .data('pos',{'left':pos.left,'top':pos.top});
    });
    $.fn.extend({
        openMenu:function(){
            $('#flashAreaA .courses>ul>li>a').unbind('mouseover').unbind('mouseout').unbind('click');
            var obj=$(this);
            var pos=obj.data('icon').position(),size=obj.data('size'),dest=obj.data('dest');
            obj.data('icon').animate({
                width:dest.w+'px', height:dest.h+'px',
                top:(pos.top-Math.floor((dest.w-size.w)/2))+'px',left:(pos.left-Math.floor((dest.h-size.h)/2))+'px'
            },{
                duration:300
            });
            obj.data('menu').animate({
                opacity:'show'
            },{
                duration:200,
                complete:function(){
                    $('#flashAreaA .background').mouseover(function(){
                        $(this).unbind('mouseover')
                        obj.closeMenu();
                    });
                }
            });
            $('#flashAreaA .background').css({'zIndex':9997}).show();
            obj.data('icon').css({'zIndex':9998});
            obj.data('menu').css({'zIndex':9999});
        },
        closeMenu:function(){
            var obj=$(this);
            var pos=obj.data('icon').position(),size=obj.data('size'),dest=obj.data('dest');
            obj.data('menu').animate({
                opacity:'hide'
            },{
                duration:100
            });
            obj.data('icon').animate({
                width:size.w+'px', height:size.h+'px',
                top:(pos.top+Math.floor((dest.w-size.w)/2))+'px',left:(pos.left+Math.floor((dest.h-size.h)/2))+'px'
            },{
                duration:100
            });
            $('#flashAreaA .background').css({'zIndex':1}).hide();
            obj.data('icon').css({'zIndex':4});
            obj.data('menu').css({'zIndex':3});
                    $('#flashAreaA .courses>ul>li>a')
                        .mouseover(function(){$(this).closest('li').openMenu();})
                        .click(function(){$(this).closest('li').openMenu();});
        }
    });
    $('#flashAreaA .courses>ul>li>a')
        .mouseover(function(){$(this).closest('li').openMenu();})
        .click(function(){$(this).closest('li').openMenu();});
    $('#flashAreaA .courses>ul>li>div>.close')
        .click(function(){$(this).closest('li').closeMenu();});
    setInterval((function(){
        var i=0;
        return function(){
            var temp=-34*i;
            $('#star').css({'backgroundPosition':temp+'px 0px'})
            if(i++>5) i=0;
        };
    })(),100);
    var flyPlane=function(){$('#plane').animate({
        top:'-108px', left:'250px'
    },{
        duration:7000, queue:false,
        complete:function(){$(this).css({top:'108px',left:'852px'});flyPlane();}
    });};
    flyPlane();
});