Previously the overflow rule was together with font-size:79.8%,
but that was only applied to Tablet examples.

The device widths are all calculated now in one place.

50% size was right off - this way tablet examples would be smaller than phone
examples, plus the text became too small to read.

75% was also tried, but it seemed just a little bit too big, so I went
with 70%.

Also removed the duplicted iPad image files.

That's currently a sort-of solution because the example itself in the
iframe is not scaled down at all.

Using this will switch on the Touch-style examples page where
examples are shown inside iPhone/iPad images.

For now the option will also decide from where the icons for examples
are loaded: touch/examles or extjs/examples/shared/screens

There are now two implementations of example container:

- Container
- TouchContainer

Changing terminology: using "tablet" and "phone" instead of "iPad" and
"iPhone".

Changing default device to "phone".  See also the updated examples.json
in touch-2.0.0 where I added device info to each example.

Move all the changeDevice and changeOrientation logic inside the view.
The state of buttons is now also handled inside the view - the buttons
now actually behave as expected.

Also the example title gets now updated and the XTemplate is created
inside initComponent.

If it's not used, then it's better if the code for it doesn't exist at
all, or it will just get out of sync, which has already happened.

Removing empty lines, trailing commas, etc.

Clearing the page first and then loading the example.

Created separate examples.Container class.