Does anyone know if its possible to add some HTML code to the index.html file of my website (or perhaps adding a script or plug-in or something to the root folder of my site) that would recognize if the person visiting the site is using mobile safari on an iPhone ~ and if they are, it would redirect them to an alternate web page of my choosing...

In short, I am a photographer and my website (which showcases my photographs) is heavily reliant upon Flash, which as we all know, the iPhone obviously doesn't support. Visiting my website on my iPhone doesn't work at all, and just brings visitors to a page displaying the background color of my site...

As a solution to this issue, I would like to know how I can redirect mobile safari users to my .mac iPhoto gallery index page if they attempt to visit my website via an iPhone...

Any ideas about this?

<script language=javascript>
<!--
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)))
{
location.replace("REDIRECT LINK HERE");
}
-->
</script>

I added the following to my website and it now redirects just as I'd intended!!

Code:

<script language=javascript>
<!--
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)))
{
location.replace("*REDIRECT LINK HERE*");
}
-->
</script>

Does anyone know how I would go about adding a webclip icon to my .Mac Photo Gallery web page so that adding a web clip of the gallery to my iPhone would show a icon graphic icon of my choosing? I know the specs of how to create one of these icons, I just don't know how/where to put it for my .Mac photo gallery...

Any thoughts?