Hi there!

I hope one of you brilliant minds can help me out?
I prefer for my site to take up the whole screen with minimal scrolling.
Since Xara designed websites are not dynamic I was thinking of making 4 different sites.
One each for Desktop, Phone, iPad and Android Tablet.
With the script below in the header I can get redirects to the iPad and a phone.
But am stumped as to what to do to seperate Android phones from tablets.
I know it's something about Android Mobile is phone and Android No Mobile is tablet.
But how do I get it in the script?
Please... anybody?

Thanks!

<script>
function detect() {
var uagent = navigator.userAgent.toLowerCase();
var mobile = false;
var search_strings = [
"iphone",
"ipod",
"series60",
"symbian",
"android",
"windows ce",
"windows7phone",
"w7p",
"blackberry",
"palm"
];
for (i in search_strings) {
if (uagent.search(search_strings[i]) > -1) mobile = true;
}
return mobile;
}
if (detect()) window.location = "http://yourwebsite.com/Portable/";
</script>

<script>
function detect() {
var uagent = navigator.userAgent.toLowerCase();
var mobile = false;
var search_strings = [
"ipad"
];
for (j in search_strings) {
if (uagent.search(search_strings[j]) > -1) mobile = true;
}
return mobile;
}
if (detect()) window.location = "http://yourwebsite.com/iPad/";
</script>