have you looked at http://51degrees.mobi/?

You can serve different paths to different devices depending on detection .... [say that 10 times fast!]

Hope this helps!

J

For now i added a 'master' controller which all my custom controllers (which build a custom model in 90% of the pages) inherit from. In that controller i have the following to do the switch between templates. For the mobile capability detection we're using http://blog.mobileesp.com/

    public class BaseController : Umbraco.Web.Mvc.RenderMvcController
    {
        public override ActionResult Index(RenderModel model)
        {
            var context = System.Web.HttpContext.Current;

            var currentTemplate = base.ControllerContext.RouteData.Values["action"].ToString();

            if (currentTemplate.Contains("MobilePhone"))
            {
                //user is in mobile site and can be redirected
                var mobileDetection = new MobileDetection(context);
                if (mobileDetection.DetectTierTablet())
                {
                    var newTemplate = currentTemplate.Replace("MobilePhone", "MobileTablet");
                    if (this.EnsurePhsyicalViewExists(newTemplate))
                    {
                        //it's a tablet, return the alternate tablet-view
                        return View(newTemplate, model);
                    }
                }
            }

            return base.Index(model);
        }
    }

Any more thoughts on how it's solved?

Look at something like Twitter Bootstrap that will allow you to create a Responsive Design website where no matter what your resolution of the phone/tablet/screen, you can have a design that matches it without having to create new templates.

is working on a reply...