orbit-basic/app/views/desktop/index.html.erb

<%= stylesheet_link_tag 'desktop/desktop-main'%>
<div id="side">
  <div id="rwidget" class="wh2 thmc4">
    <ul class="docklist">
      <li class="d_cate"><a callback-method='initializeDesktop' href="desktop/desktop_container" class="widget_fn wh2 hh2" id='home' onclick="return false;" sub-menu="false"><span class="widget_icon"><img src="" alt="Home" id="home_icon" width="30" height="30"/></span></a>
      <ul class="dock_child hh2 thmc4" style="width: 120px;">
        <li class="dock_item"><a callback-method='initializeAppManager' href="<%= desktop_app_manager_path %>" class="widget_fn wh2 hh2" id="d_app_manager" onclick="return false;" sub-menu="false"><span class="widget_icon"><img src="" alt="App Manager" id="app_manager_icon" width="30" height="30"/></span></a></li>
        <li class="dock_item"><a callback-method='initializeSettings' href="<%= desktop_settings_path %>" custom-load="settings" class="widget_fn wh2 hh2" id="d_settings" onclick="return false;"><span class="widget_icon"><img src="" alt="Settings" id="settings_icon" width="30" height="30"/></span></a></li>
      </ul>
      </li>
      <li class="d_cate"><a callback-method='' href="" class="widget_fn wh2 hh2" id='d_publication' onclick="return false;"><span class="widget_icon"><img src="" alt="Publication" id="publication_icon" width="30" height="30"/></span></a>
      <ul class="dock_child hh2 thmc4" style="width: 180px;">

        <li class="dock_item"><a callback-method='initializeJournalPapers' href="<%= panel_personal_journal_desktop_journal_window_path %>" class="widget_fn wh2 hh2" id='d_journal_p' custom-load="journal" onclick="return false;"><span class="widget_icon"><img src="" alt="Journal Papers" id="journal_p_icon" width="30" height="30"/></span></a></li>

        <li class="dock_item"><a callback-method='initializeConferencePapers' href="<%= panel_personal_conference_desktop_conference_window_path %>" class="widget_fn wh2 hh2" id='d_conference_p' custom-load="conference" onclick="return false;"><span class="widget_icon"><img src="" alt="Conference Papers" id="conference_p_icon" width="30" height="30"/></span></a></li>

        <li class="dock_item"><a callback-method='initializePersonalBook' href="<%= panel_personal_book_desktop_books_window_path %>" class="widget_fn wh2 hh2" id='d_books' onclick="return false;"><span class="widget_icon"><img src="" alt="Books" id="books_icon" width="30" height="30"/></span></a></li>

      </ul>
      </li>
      <li class="d_cate"><a callback-method='' href="" class="widget_fn wh2 hh2" id='d_research' onclick="return false;"><span class="widget_icon"><img src="" alt="Research" id="research_icon" width="30" height="30"/></span></a>
      <ul class="dock_child hh2 thmc4" style="width: 240px;">
        <li class="dock_item"><a callback-method='initializePersonalResearch' href="<%= panel_personal_research_desktop_research_window_path %>" class="widget_fn wh2 hh2" id='d_research_d' onclick="return false;"><span class="widget_icon"><img src="" alt="Research Domain" id="research_d_icon" width="30" height="30"/></span></a></li>
        <li class="dock_item"><a callback-method='initializePersonalProject' href="<%= panel_personal_project_desktop_project_window_path %>" class="widget_fn wh2 hh2" id='d_research_p' onclick="return false;"><span class="widget_icon"><img src="" alt="Research Project" id="research_p_icon" width="30" height="30"/></span></a></li>
        <li class="dock_item"><a callback-method='initializePersonalPatent' href="<%= panel_personal_patent_desktop_patent_window_path %>" class="widget_fn wh2 hh2" id='d_patents' onclick="return false;"><span class="widget_icon"><img src="" alt="Patents" id="patents_icon" width="30" height="30"/></span></a></li>
        <li class="dock_item"><a callback-method='initializePersonalLab' href="<%= panel_personal_lab_desktop_lab_window_path %>" class="widget_fn wh2 hh2" id='d_labs' onclick="return false;"><span class="widget_icon"><img src="" alt="Labs" id="labs_icon" width="30" height="30"/></span></a></li>
      </ul>
      </li>
      <li class="d_cate"><a callback-method='' href="" class="widget_fn wh2 hh2" id='d_experience' onclick="return false;"><span class="widget_icon"><img src="" alt="Experience" id="experience_icon" width="30" height="30"/></span></a>
      <ul class="dock_child hh2 thmc4" style="width: 300px;">
        <li class="dock_item"><a callback-method='initializePersonalExperience' href="<%= panel_personal_experience_desktop_experience_window_path %>" class="widget_fn wh2 hh2" id='d_working' onclick="return false;"><span class="widget_icon"><img src="" alt="Working" id="working_icon" width="30" height="30"/></span></a></li>
        <li class="dock_item"><a callback-method='initializePersonalDiploma' href="<%= panel_personal_diploma_desktop_diploma_window_path %>" class="widget_fn wh2 hh2" id='d_education' onclick="return false;"><span class="widget_icon"><img src="" alt="Education" id="education_icon" width="30" height="30"/></span></a></li>
        <li class="dock_item"><a callback-method='initializePersonalHonor' href="<%= panel_personal_honor_desktop_honor_window_path %>" class="widget_fn wh2 hh2" id='d_honors' onclick="return false;"><span class="widget_icon"><img src="" alt="Honors" id="honors_icon" width="30" height="30"/></span></a></li>
        <li class="dock_item disable"><a callback-method='' href="activities" class="widget_fn wh2 hh2" id='d_activities' onclick="return false;"><span class="widget_icon disable"><img src="" alt="Activities" id="activities_icon" width="30" height="30"/></span></a></li>
        <li class="dock_item disable"><a callback-method='' href="clubs" class="widget_fn wh2 hh2" id='d_clubs' onclick="return false;"><span class="widget_icon"><img src="" alt="Clubs" id="clubs_icon" width="30" height="30"/></span></a></li>
      </ul>
      </li>
      <li class="d_cate"><a callback-method='' href="" class="widget_fn wh2 hh2" id='d_landt' onclick="return false;"><span class="widget_icon"><img src="" alt="Learning & Teaching" id="landt_icon" width="30" height="30"/></span></a>
      <ul class="dock_child hh2 thmc4" style="width: 180px;">
        <li class="dock_item disable"><a callback-method='' href="courses" class="widget_fn wh2 hh2" id='d_courses' onclick="return false;"><span class="widget_icon"><img src="" alt="Courses" id="courses_icon" width="30" height="30"/></span></a></li>
        <li class="dock_item disable"><a callback-method='' href="homework" class="widget_fn wh2 hh2" id='d_homework' onclick="return false;"><span class="widget_icon"><img src="" alt="Homework" id="homework_icon" width="30" height="30"/></span></a></li>
        <li class="dock_item disable"><a callback-method='' href="certification" class="widget_fn wh2 hh2" id='d_certification' onclick="return false;"><span class="widget_icon"><img src="" alt="Certification" id="certification_icon" width="30" height="30"/></span></a></li>
      </ul>
      </li>
      <li class="d_cate"><a callback-method='' href="" class="widget_fn wh2 hh2" id='d_personal' onclick="return false;"><span class="widget_icon"><img src="" alt="Personal" id="personal_icon" width="30" height="30"/></span></a>
      <ul class="dock_child hh2 thmc4" style="width: 300px;">
        <li class="dock_item disable"><a callback-method='' href="mypage" class="widget_fn wh2 hh2" id='d_mypage' onclick="return false;"><span class="widget_icon"><img src="" alt="myPage" id="mypage_icon" width="30" height="30"/></span></a></li>
        <li class="dock_item disable"><a callback-method='' href="blog" class="widget_fn wh2 hh2" id='d_blog' onclick="return false;"><span class="widget_icon"><img src="" alt="Blog" id="blog_icon" width="30" height="30"/></span></a></li>
        <li class="dock_item disable"><a callback-method='' href="album" class="widget_fn wh2 hh2" id='d_album' onclick="return false;"><span class="widget_icon"><img src="" alt="Album" id="album_icon" width="30" height="30"/></span></a></li>
        <li class="dock_item disable"><a callback-method='' href="calendar" class="widget_fn wh2 hh2" id='d_calendar' onclick="return false;"><span class="widget_icon"><img src="" alt="Calendar" id="calendar_icon" width="30" height="30"/></span></a></li>
        <li class="dock_item disable"><a callback-method='' href="files" class="widget_fn wh2 hh2" id='d_files' onclick="return false;"><span class="widget_icon"><img src="" alt="Files" id="files_icon" width="30" height="30"/></span></a></li>
      </ul>
      </li>
      <li class="d_cate"><a callback-method='initializeOrbitTimeline' href="<%= desktop_orbit_orbit_path %>" class="widget_fn wh2 hh2" id='d_orbit' onclick="return false;"><span class="widget_icon"><img src="" alt="Orbit" id="orbit_icon" width="30" height="30"/></span></a>
      <ul class="dock_child hh2 thmc4" style="width: 60px;">
        <li class="dock_item disable"><a callback-method='' href="" class="widget_fn wh2 hh2" id='d_connection' onclick="return false;"><span class="widget_icon"><img src="" alt="Academia Connection" id="connection_icon" width="30" height="30"/></span></a></li>
      </ul>
      </li>
      <li class="d_cate  disable"><a callback-method='initializeAppstore' href="<%= desktop_appstore_appstore_path %>" class="widget_fn wh2 hh2" id='d_appstore' onclick="return false;"><span class="widget_icon"><img src="" alt="AppStore" id="appstore_icon" width="30" height="30"/></span></a></li>
    </ul>
    <div class="fn_des hh2 admbg admtxt"></div>
  </div>
</div>
<div id="container">
  <div id='ajax_container'>


  </div>
</div>
<!--<div id="orbitbar"></div>-->
<div id="minimizebar" class="admbg"></div>
<div id="thmbackground"></div>
<div id="bgover" ></div>
<div id="orbitnote"></div>
<div id="orbitdiag">
  <div class="tile op07"></div>
  <div class="diag_holder">
    <div class="diag_holder_inner">
      <div class="diag_message"></div>
      <div class="diag_action">
        <a href="" id="diag_confirm" class="diag_btn admbg admtxt w1 hh1 hp" onclick="return false;"></a>
        <a href="" id="diag_cancel" class="diag_btn admbg admtxt w1 hh1 hp" onclick="return false;"></a>
      </div>
    </div>
  </div>
</div>
<script>
  orbitDesktop.prototype.themefolder = "desktop_themes";
  orbitDesktop.prototype.notifyImgPath = "/assets/";
  orbitDesktop.prototype.desktopId = "<%= @desktop.id %>";
  orbitDesktop.prototype.sectionId = "<%= @section.id %>";
  orbitDesktop.prototype.currentLanguage = "<%= I18n.locale %>";
  orbitDesktop.prototype.currentUsername = "<%= @currentusername %>";
  var od = new orbitDesktop("#ajax_container");
  var getInternetExplorerVersion = function(){
   var rv = -1; // Return value assumes failure.
     if (navigator.appName == 'Microsoft Internet Explorer')
     {
        var ua = navigator.userAgent;
        var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
        if (re.exec(ua) != null)
           rv = parseFloat( RegExp.$1 );
     }
     return rv;
  }

  var version = getInternetExplorerVersion();
  if( version != -1){
    if(version < 9){
      $.fx.off =  true;
    o.notify("We turn off the animation (javascript) for you, but still you can turn it on",10);
    }
  }
  o.notify("Welcome <%= @currentname %>!!","alert",3);
</script>