$(document).ready(function(){

  var $nav_string = navigator.userAgent.toLowerCase();
  var $result = new Array();
  $result[0] = '';
  $result[1] = '';
  $result[2] = '';
  $result[3] = '';
  var $result_string = '';
  // detect OS
  if ($nav_string.indexOf('windows') >= 0) {
    $result[0] = 'windows';
  } else if($nav_string.indexOf('linux') >= 0) {
    $result[0] = 'linux';
  } else if($nav_string.indexOf('mac') >= 0) {
    $result[0] = 'mac';
  }

  // detect browser
  if ($nav_string.indexOf('opera') >= 0) {
    $result[2] = 'opera';
  } else if ($nav_string.indexOf('firefox') >= 0) {
    $result[2] = 'firefox';
  } else if ($nav_string.indexOf('msie') >= 0) {

    // detect version of ie
    $result[1] = 'msie';
    if($nav_string.indexOf('msie 6.0') >= 0) {
      $result[2] = 'msie-6';
    } else if($nav_string.indexOf('msie 7.0') >= 0) {
      $result[2] = 'msie-7';
    } else if($nav_string.indexOf('msie 8.0') >= 0) {
      $result[2] = 'msie-8';
    }


  } else if ($nav_string.indexOf('webkit') >= 0) {
    $result[1] = 'webkit';
    if ($nav_string.indexOf('chrome') >= 0) {
      $result[2] = 'chrome';
    } else if ($nav_string.indexOf('safari') >= 0) {
      $result[2] = 'safari';
    }
  }
  if(($result[2] != '') && ($result[0] != '')) {
    $result[3] = $result[2]+'-'+$result[0];
  }
  for ( var $i = 0 ; $i <= $result.length-1 ; $i++) {
    $result_string+= ' '+$result[$i];
  }
  $('body').addClass($result_string)
})