I am moving my site over to a fixed width theme and I am trying to offer variable fixed widths (such as Normal, Wide, Widest and Mobile). Obviously I have Normal sorted and, with the mobile module, I have Mobile sorted, but I am unsure how to go about the other two. Basically the user should be able to go to any page and then click on a screen width and it render the content using a particular stylesheet, but remember what stylesheet it is using so when they click on a link it continues to display at the same width.
Is there a way maybe I could extend the mobile module to just call different stylesheets instead of different templates, then extend it to additional widths (such as "fullSite=" for mobile, "fullSite=1" for normal, "fullSite=2" for wide and "fullSite=3" for widest)?
Obviously if they are using a "mobile" device then it needs to display the mobile site first!
Any help would be gratefully appreciated as I am meant to be getting the site live by Friday! Eeek!
PS: Screenshot to show how I would ideally like it to work.