function isMobileSafari(x){

  var uagent = navigator.userAgent.toLowerCase();
  var y = x;


  if (uagent.search("iphone") < 0 && uagent.search("ipod") < 0)
  {
    y = 99;
  }

  return y;

}

function blockDisplay(x){

  var h=document.getElementById('header');
  var s=document.getElementById('selector');
  var c=document.getElementById('copyright');
  var f=document.getElementById('filler');

  x = isMobileSafari(x);

  switch(x)
  {
    case 1:
      s.style.display="block";
      c.style.display="block";
    break;

    case 2:
      h.style.display="block";
      s.style.display="block";
      c.style.display="block";
      f.style.display="block";
    break;

    default:
      c.style.display="block";
  }  

}

function noneDisplay(x){

  var h=document.getElementById('header');
  var s=document.getElementById('selector');
  var c=document.getElementById('copyright');
  var f=document.getElementById('filler');

  x = isMobileSafari(x);

  switch(x)
  {
    case 1:
      h.style.display="block";
      s.style.display="none";
      c.style.display="none";
    break;

    case 2:
      h.style.display="none";
      s.style.display="none";
      c.style.display="none";
      f.style.display="none";
    break;

    default:
      c.style.display="block";
  }  

}

function updateOrientation(){

                var displayStr = "Orientation : ";
                var e=document.getElementById('header');
                switch(window.orientation)
                {
                    case 0:
                        displayStr += "Portrait";
                        blockDisplay(2);
                    break;

                    case -90:
                        displayStr += "Landscape (right, screen turned clockwise)";
                        noneDisplay(2);
                    break;

                    case 90:
                        displayStr += "Landscape (left, screen turned counterclockwise)";
                        noneDisplay(2);
                    break;

                    case 180:
                        displayStr += "Portrait (upside-down portrait)";
                        blockDisplay(2);
                    break;

                    default:
                        blockDisplay(2);
                }
            }

function initWebcam(){

  var s = document.getElementById('selector');
  var selectedwebcam = parseInt(localStorage.webcam);
  var w = document.getElementById('webcam');

  if (selectedwebcam == 10){
    s.style.display="none";
    } 
  else { 
    w.selectedIndex = selectedwebcam;
  }

}

function setWebcam(cam){
  if (cam == 99){
    cam = localStorage.faq;
    } 

  if (cam < 10){
    localStorage.webcam = cam;
    localStorage.faq = cam;
    window.location.reload();
  }
  else{
    localStorage.webcam = cam;
     window.location.reload();
    }
}


function displayHeader(){

var x = parseInt(localStorage.webcam);
var PageHeader = "";

switch(x)
  {
    case 1:
      PageHeader = "<h1>Central - Main 1</h1>";
    break;

    case 2:
      PageHeader = "<h1>Central - Main 2</h1>";
    break;

    case 3:
      PageHeader = "<h1>Central - Multi-Purpose</h1>";
    break;

    case 4:
      PageHeader = "<h1>Central - Puppy Zone</h1>";
    break;

    case 5:
      PageHeader = "<h1>Central - Outside</h1>";
    break;

    case 6:
      PageHeader = "<h1>South - Main 1</h1>";
    break;

    case 7:
      PageHeader = "<h1>South - Main 2</h1>";
    break;

    case 8:
      PageHeader = "<h1>South - Multi-Purpose</h1>";
    break;

    case 9:
      PageHeader = "<h1>South - Outside</h1>";
    break;

    case 10:
      PageHeader = '<a href="#" onclick="setWebcam(99);">Back</a><h1>FAQ</h1>';
    break;

    default:
      PageHeader = "<h1>Dogs just want to have fun! &trade;</h1>";
  }  
  document.write(PageHeader);
}



function displayAxis1(w){
var BaseURL = w;
var DisplayWidth = "300";
var DisplayHeight = "225";

var File =
"axis-cgi/mjpg/video.cgi?resolution=300x225&compression=50&clock=1&date=1&text=0";

// No changes required below this point

   var output = "";

  theDate = new Date();
  output  = '<font align="center"><IMG SRC="';
  output += BaseURL;
  output += File;
  output += '&dummy=' + theDate.getTime().toString(10);
  output += '" HEIGHT="';
  output += DisplayHeight;
  output += '" WIDTH="';
  output += DisplayWidth;
  output += '" ALT="Camera Image"></font>';

return output;
}

function displayAxis2(w){
 var BaseURL = w;
 var DisplayWidth = "300";
 var DisplayHeight = "225";

 var File = "cgi-bin/video640x480.mjpg";

  var output = "";

  theDate = new Date();
  output = '<IMG SRC="';
  output += BaseURL;
  output += File;
  output += '?dummy=' + theDate.getTime().toString(10);
  output += '" HEIGHT="';
  output += DisplayHeight;
  output += '" WIDTH="';
  output += DisplayWidth;
  output += '" ALT="Camera Image" />';

return output;
}

function displayPanasonic(w){
 var BaseURL = w;
 var DisplayWidth = "300";
 var DisplayHeight = "225";

  var output = "";

  output = '<FORM METHOD="POST" ACTION="' + w + '"nphControlCamera" TARGET="Message">';
  output += '<INPUT TYPE=hidden NAME="Width" VALUE="300">';
  output += '<INPUT TYPE=hidden NAME="Height" VALUE="225">';
  output += '<INPUT TYPE=hidden NAME="Language" VALUE="0">';
  output += '<INPUT TYPE=hidden NAME="Direction" VALUE="Direct">';
  output += '<INPUT TYPE=hidden NAME="PermitNo" VALUE="119184475">';
  output += '<INPUT TYPE=image NAME="NewPosition" SRC="' + w + 'nphMotionJpeg?Resolution=300x225&Quality=Standard" WIDTH=300 HEIGHT=225 BORDER=0>';
  output += '</FORM>';

return output;
}


function displayFAQ(){

  var output = "";

  output = '<ul><li><a href="javascript:toggleMe(\'para1\')">Contact Lucky Dog</a></li>';

  output += '<div id="para1" style="display:none">';
  output += '<p>Central</p><p>Email: <a href="mailto:central@bealuckydog.com?subject=Question%20for%20Lucky%20Central">central@bealuckydog.com</a></p><p>Call: <a href="tel:719-599-9663">719-599-9663</a></p>';
  output += '<p>South</p><p>Email: <a href="mailto:south@bealuckydog.com?subject=Question%20for%20Lucky%20South">south@bealuckydog.com</a></p><p>Call: <a href="tel:719-527-9663">719-527-9663</a></p>';
  output += '</div>';

  output += '<li><a href="http://www.bealuckydog.com">Go to Lucky Dog website</a></li>';

  output += '<li><a href="http://www.facebook.com/pages/Lucky-Dog-Boarding-Daycare-Grooming-Training-and-Cat-Boarding/173714792191">Find us on Facebook</a></li>';

  output += '<li><a href="javascript:toggleMe(\'para2\')">About this app</a></li>';

  output += '<div id="para2" style="display:none">';
  output += '<p align=left>This not a native iPhone app.  It uses HTML, css and Javascript to optimize web pages for mobile Safari to mimic a native app.</p>';
  output += '<p align=left>If you are having problems with this web app please email <a href="mailto:webapps@bealuckydog.com?subject=Problems%20with%20Lucky%20Dog%20app">Neal</a>.</p>';
  output += '</div>';

return output;
}

function displayWebcam(){

var x = parseInt(localStorage.webcam);
var output = "";

switch(x)
  {
    case 1:
      output = displayAxis1("http://72.19.157.114:8082/");
    break;

    case 2:
      output = displayAxis1("http://72.19.157.114:8081/");
    break;

    case 3:
      output = displayAxis1("http://72.19.157.114:8080/");
    break;

    case 4:
      output = displayAxis2("http://72.19.157.114:8083/");
    break;

    case 5:
      output = displayPanasonic("http://72.19.157.114:8086/");
    break;

    case 6:
      output = displayAxis1("http://72.19.189.199:8082/");
    break;

    case 7:
      output = displayAxis1("http://72.19.189.199:8080/");
    break;

    case 8:
      output = displayAxis1("http://72.19.189.199:8081/");
    break;

    case 9:
      output = displayPanasonic("http://72.19.189.199:8066/");
    break;

    case 10:
      output = displayFAQ();
    break;

    default:
      output = '<font align="center"><img src="LuckyDog.png" /></font>';
  }
  document.write(output);
}


/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Ultimater, Mr J :: http://www.webdeveloper.com/forum/showthread.php?t=77389 */

function toggleMe(a){
  var e=document.getElementById(a);
  if(!e)return true;
  if(e.style.display=="none"){
    e.style.display="block"
  } else {
    e.style.display="none"
  }
  return true;
}

function displaySelect(){

  var selectedwebcam = parseInt(localStorage.webcam);
  var x = document.getElementById('selector');
  var output = "";

  x.selectedIndex = selectedwebcam;

  output = '<FORM>';
  output += '<SELECT id="webcam" onfocus="noneDisplay(1);" onblur="blockDisplay(1);" onchange="setWebcam(this.selectedIndex);">';
  output += '<OPTION VALUE="#">Choose Webcam';
  output += '<OPTION VALUE="#">Central - Main 1';
  output += '<OPTION VALUE="#">Central - Main 2';
  output += '<OPTION VALUE="#">Central - Multi-Purpose';
  output += '<OPTION VALUE="#">Central - Lobby';
  output += '<OPTION VALUE="#">South - Main 1';
  output += '<OPTION VALUE="#">South - Main 2';
  output += '<OPTION VALUE="#">South - Multi-Purpose';
  output += '<OPTION VALUE="#">South - Outside';
  output += '<OPTION VALUE="#">FAQ';
  output += '</SELECT>';
  output += '</FORM>';

  document.write(output);
}