/**
Written by Tizian Schmidlin, inspired (and mostly copied the detection part) from:
http://www.hand-interactive.com/resources/detect-mobile-javascript.htm
*/


/** Mobilephone detection */
var deviceIphone = "iphone";
var deviceIpod = "ipod";
var deviceS60 = "series60";
var deviceSymbian = "symbian";
var engineWebKit = "webkit";
var deviceAndroid = "android";
var devicePalm = "palm";
var deviceBB = "blackberry";
var deviceWinMob = "windows ce";

//Initialize our user agent string to lower case.
var uagent = navigator.userAgent.toLowerCase();

// Detect the browsers

function detectMobileBrowsers() {
   // Avoid javascript errors
   try {
   // Detect android phones
   if (uagent.search(deviceAndroid) > -1)
   {
     if (uagent.search(engineWebKit) > -1)
        return true;
   }else{
     if(uagent.search(engineWebKit) > -1)
     return true;
   }
   
   // Detect iPhone
   if (uagent.search(deviceIphone) > -1)
      return true;

   // Detect iPod
    if (uagent.search(deviceIpod) > -1)
      return true;
   
   // Detect Nokia phones
   if (uagent.search(engineWebKit) > -1)
   {
     if ((uagent.search(deviceS60) > -1 || 
          uagent.search(deviceSymbian) > -1))
        return true;
   }

   // Windows Mobile
   if (uagent.search(deviceWinMob) > -1)
      return true;
   
   // Blackberry
   if (uagent.search(deviceBB) > -1)
      return true;
   // Palm
   if (uagent.search(devicePalm) > -1)
      return true;
   
   // If none of them is recognized, assume it is not a mobile browser
   return false;
   }catch(e){
      return false;
   }
}  

/** Initialisation */

function initmobileCSS() {
  if(detectMobileBrowsers()) {
    //document.write('<link rel="stylesheet" type="text/css" href="fileadmin/template/css/custom/mobile.css" media="all" />');
    
var $ = document; // shortcut
var cssId = 'mobile';  // you could encode the css path itself to generate id..
if (!$.getElementById(cssId))
{
    var head  = $.getElementsByTagName('head')[0];
    var link  = $.createElement('link');
    link.id   = cssId;
    link.rel  = 'stylesheet';
    link.type = 'text/css';
    link.href = 'fileadmin/template_new/css/custom/mobile.css';
    link.media = 'all';
    head.appendChild(link);
}
    
    
  }
}
try {
  if(window.attachEvent) {
    window.attachEvent('onload', initmobileCSS());
  }else {
    window.addEventListener("load",initmobileCSS());
  }
}catch(e){}
//Event.observe(document, 'dom:loaded', initmobileCSS);
//document.observe("dom:loaded", ;