function gup( name )
{
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}

function getCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function isMobileBrowser()
{
  //Initialize our user agent string to lower case.
  var uagent = navigator.userAgent.toLowerCase();
  
  if (uagent.search("iphone") > -1)
  {
    return true;
  }

  if (uagent.search("ipod") > -1)
  {
    return true;
  }

  if (uagent.search("android") > -1)
  {
    return true;
  }

  return false;
}

function detectMobileVersion()
{
  var mobile = gup("mobile");

  if ( mobile == "yes" )
  {
    document.cookie = "mobile=yes";
    return true;
  }
  else if ( mobile == "no" )
  {
    document.cookie = "mobile=no";
    return false;
  }

  if (getCookie("mobile") == "yes")
  {
    return true;
  }

  if (getCookie("mobile") == "no")
  {
    return false;
  }

  return isMobileBrowser();
}

function toggleMenu()
{ 
  $('div.menu ul').toggleClass('hide');
  $('div.nav div.leftButton').toggleClass('pressed');
}

$(document).ready(function()
{
  if (detectMobileVersion())
  {
    $('div.nav:first').append('<div class="leftButton" onclick="toggleMenu()">Menu</div>');
    $('div.nav:first').prepend('<h1><a href="/">IBR</a></h1>');

    $('meta[name=viewport]').attr('content','minimum-scale = 1, maximum-scale = 1, width=320, user-scalable=no');
    $('div.menu ul').addClass('hide');

    // set the new style
    $('link[rel=stylesheet]').attr('href', '/users/morgenro/css/mobile.css');

    // append link to the non-mobile view
    $('div.nav div.menu ul li ul:first').append('<li><a href="?mobile=no">non-mobile view</a></li>');
  }
  else
  {
    if (isMobileBrowser())
    {
      // append link to the mobile view
      $('div.nav div.menu ul li ul:first').append('<li><a href="?mobile=yes">mobile view</a></li>');
    }
  }
});