<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Image map of Siri Setup with Audio</title>
<!--
How to install the image map:
Copy and paste the img, map and area blocks into the body of your page.
This imagemap is created at Mobilefish.com.
http://www.mobilefish.com/services/image_map/image_map.php
-->
<style>
.screenshot_1::before {
content: url('slide1.m4a');
}
</style>
<script type='text/javascript'>
var lastomo='';
var lastoc='';
var e, prebits, bits, i;
function omo(ois) {
if (lastomo != ("" + ois.title)) {
if (ois.alt.indexOf('.') != -1) {
prebits=ois.alt.split(',');
for (i=1; i<=prebits.length; i++) {
bits=prebits[i - 1].split('.');
document.getElementById('iaudio' + i).type="audio/" + bits[1].replace('mp3','mpeg');
document.getElementById('iaudio' + i).src=prebits[i - 1];
try {
document.getElementById('iaudio' + i).play();
} catch (e) {
document.title=('problem');
}
}
}
}
lastomo="" + ois.title;
}
function oc(ois) {
if (lastoc != ("" + ois.title)) {
if (ois.alt.indexOf('.') != -1) {
prebits=ois.alt.split(',');
for (i=1; i<=prebits.length; i++) {
bits=prebits[i - 1].split('.');
document.getElementById('iaudio' + i).type="audio/" + bits[1].replace('mp3','mpeg');
document.getElementById('iaudio' + i).src=prebits[i - 1];
try {
document.getElementById('iaudio' + i).play();
} catch (e) {
document.title=('problem');
}
}
}
}
lastoc="" + ois.title;
}
</script>
</head>
<body>
<!-- START COPY -->
<img src="siri_setup.jpg" usemap="#gl31428" width="1280" height="800" alt="click map" border="0" />
<map id="gl31428" name="gl31428">
<!-- Region 1 screenshot_1 -->
<area shape="rect" alt="slide1.m4a" title="screenshot_1" coords="5,9,418,282" href="#" target="_blank" onMouseOver="omo(this)" onClick="oc(this)" />
<!-- Region 2 settings_2 -->
<area shape="rect" alt="slide2.m4a" title="settings_2" coords="414,7,852,296" href="#" target="_blank" onMouseOver="omo(this)" onClick="oc(this)" />
<!-- Region 3 settings_3 -->
<area shape="rect" alt="slide3.m4a" title="settings_3" coords="848,3,1280,294" href="#" target="_blank" onMouseOver="omo(this)" onClick="oc(this)" />
<!-- Region 4 siri_4 -->
<area shape="rect" alt="slide4.m4a" title="siri_4" coords="3,282,433,586" href="#" target="_blank" onMouseOver="omo(this)" onClick="oc(this)" />
<!-- Region 5 siri_5 -->
<area shape="rect" alt="slide5.m4a" title="siri_5" coords="435,292,867,582" href="#" target="_blank" onMouseOver="omo(this)" onClick="oc(this)" />
<!-- Region 6 siri_6 -->
<area shape="rect" alt="slide6.m4a" title="siri_6" coords="873,298,1236,584" href="#" target="_blank" onMouseOver="omo(this)" onClick="oc(this)" />
<!-- Region 7 siri_7 -->
<area shape="rect" alt="slide7.m4a" title="siri_7" coords="5,584,433,800" href="#" target="_blank" onMouseOver="omo(this)" onClick="oc(this)" />
<!-- Region 8 siri_8 -->
<area shape="rect" alt="slide8.m4a" title="siri_8" coords="443,586,865,787" href="#" target="_blank" onMouseOver="omo(this)" onClick="oc(this)" />
<!-- Region 9 screenshot_9 -->
<area shape="rect" alt="slide9.m4a" title="screenshot_9" coords="873,592,1236,764" href="#" target="_blank" onMouseOver="omo(this)" onClick="oc(this)" />
<area shape="default" nohref alt="" />
</map>
<!-- END COPY -->
<audio id='iaudio1' src=''></audio>
<audio id='iaudio2' src=''></audio>
<audio id='iaudio3' src=''></audio>
</body>
</html>