if((navigator.userAgent.match(/iPad/i))) {
document.write("<link type=\"text\/css\" rel=\"stylesheet\" media=\"all\" href=\"/design/ipad.css\" charset=\"utf-8\" \/>");
//height_offset = width_offset = 0;
}
else if(navigator.userAgent.match(/iPhone/i)) {
document.write("<link type=\"text\/css\" rel=\"stylesheet\" media=\"all\" href=\"/design/iphone.css\" charset=\"utf-8\" \/>");
height_offset = width_offset = 0;
}

//detect popular devices & browsers
var deviceAgent = navigator.userAgent.toLowerCase(),
    appleMobileID = deviceAgent.match(/(iphone|ipod|ipad)/),
    ipod = deviceAgent.match(/(ipod)/),
    ipad = deviceAgent.match(/(ipad)/),
    iphone = deviceAgent.match(/(iphone)/),
    firefox = deviceAgent.match(/firefox/),
    webkit = deviceAgent.match(/webkit/);

//hello apple
if (appleMobileID) {
  document.documentElement.className += ' appleTouch';  
};

if (ipod) {
    document.documentElement.className += ' ipod';
};

if (ipad) {
    document.documentElement.className += ' ipad';
};  

if (iphone) {
    document.documentElement.className += ' iphone';
};

//hello browsers
if(firefox) {
    document.documentElement.className += ' firefox';  
}

if(webkit) {
    document.documentElement.className += ' webkit';  
}

(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);