var device, devices, head, userAgent, userAgents, userDevice;

userAgent=navigator.userAgent;

devices={

	"Android":{

		"Nexus_One":{

			uaKey:["Nexus One","Nexus_One"],

			screenH:800,

			screenW:480

		},

		"Motorola_Droid":{

			uaKey:["Droid"],

			screenH:854,

			screenW:480

		},

		"HTC_Dream":{

			uaKey:["HTC_Dream","HTC Dream"]	,

			screenH:480,

			screenW:320

		},

		"Motorola_Cliq":{

			uaKey:["MB200"],

			screenH:320,

			screenW:240

		},

		"HTC_Hero":{

			uaKey:["HTC Hero","HTC_Hero"],

			screenH:320,

			screenW:480

		},

		"HTC_Magic":{

			uaKey:["HTC Magic","HTC_Magic"],

			screenH:320,

			screenW:480

		},

		"Droid_Eris":{

			uaKey:["Eris"],

			screenH:320,

			screenW:240

		},

		"T-Mobile_G1":{

			uaKey:["T-Mobile G1","T-Mobile_G1"],

			screenH:320,

			screenW:480

		}

	}

}

function loadDeviceStylesheet(stylesheetName, stylesheetPath) {

	stylesheetName=stylesheetName||"styles";

	stylesheetPath=stylesheetPath||"";

	userDevice=false;

	for (var mfg in devices) {

		if (userAgent.indexOf(mfg)!=-1) {

			for (device in devices[mfg]) {

				device=devices[mfg][device];

				for (var key in device.uaKey) {

					key=device.uaKey[key];

					if (userAgent.search(key)!=-1) {

						userDevice=device;

					}

				}

			}

		}

	}

	if (userDevice) {

		head=document.getElementsByTagName("head")[0];         

		css=document.createElement('link');

		css.type='text/css';

		css.rel='stylesheet';

		css.href=stylesheetPath+stylesheetName+'-'+userDevice.screenW+'x'+userDevice.screenH+'.css';

		css.media='screen';

		head.appendChild(css);

	}

}

loadDeviceStylesheet();