var uagent = navigator.userAgent.toLowerCase();

var isMobile=false; var isAppleMobile=false;
if ((uagent.search("opera") > -1) && ((uagent.search("mini") > -1)||(uagent.search("mobi")))) isMobile = true;
if (uagent.search("iphone") > -1) {isMobile = true; isAppleMobile = true;}
if (uagent.search("ipod") > -1) {isMobile = true; isAppleMobile = true;}
if (uagent.search("ipad") > -1) {isMobile = true; isAppleMobile = true;}
if ((uagent.search("blackberry") > -1) || (uagent.search("vnd.rim") > -1))isMobile = true;
if ((uagent.search("palm") > -1) || (uagent.search("blazer") > -1) || (uagent.search("xiino") > -1)) isMobile = true;
if (uagent.search("android") > -1) isMobile = true;
if ((uagent.search("deviceSymbian") > -1) || (uagent.search("deviceS60") > -1) ||
       (uagent.search("deviceS70") > -1) || (uagent.search("deviceS80") > -1) || (uagent.search("deviceS90") > -1)) isMobile = true;
if ((uagent.search("windows ce") > -1) || (uagent.search("iemobile") > -1) || (uagent.search("wm5 pie") > -1)) isMobile = true;

function scrollBox(){
  if (isMobile){  
    $("sb-container").setStyle({position:"absolute", top: pageYOffset+"px"});
  }
}

Shadowbox.init({
  animate: true,
  animateFade: true,
  animSequence: "sync",
  autoDimensions: false,
  modal: false,
  showOverlay: true,
  overlayOpacity:0.8,
  handleOversize: "resize",
  onOpen: scrollBox    
  
});
var currentIndex = 0;
    
var myBack = new Image();
myBack.src = "/images/back3.jpg";
var myLogo = new Image();
myLogo.src = "/images/smalllogo2.png";

function showImage(){
  var image = showImage.images[currentIndex];
  var thisIndex = image.index;
  var thisID = image.id;
  
  var thisImg = "<img id=\""+thisIndex+"\" src=\"/media/"+thisID+"\" width=\""+image.width+"\" height=\""+image.height+"\" onLoad=\"fadeIn(this);\">";

  if (image.type=='photo'){
    var myLink = "<a href=\"/media/"+thisID+"\" rel=\"shadowbox;player=img\">"+thisImg+"</a>";           
  } else if (image.type=='vr' && !isAppleMobile) {
    var myLink = "<a href=\"/media/pano/"+thisID+"/\" rel=\"shadowbox\">"+thisImg+"</a>";
  } else if (image.type=='vr' && isAppleMobile) {
    var myLink = "<a href=\"/media/pano/"+thisID+"/\">"+thisImg+"</a>";
  }
  
  myImage = "<div class=\"photoBox\" style=\"display:none;\">"+myLink+"<div class=\"photoBottom\"><div class=\"photoNumber\">"+thisIndex+"<div class=\"ref\"><a href=\"/gallery/"+thisID+"\">"+thisID+"</a></div></div>"+image.desc+"</div></div>";

  $("imgContainer").insert({'bottom':myImage});      
}

function showPageNav(){
  if ($("pageNav")) $("pageNav").show();
}

function fadeIn(elem){
  var e = $(elem);
  new Effect.Appear(e.up(1), {duration: 0.5, queue: "end"});
  var myObj = e.up(0);
  var myContent = myObj.href;
 
  Shadowbox.setup();      
  currentIndex++;
  if (showImage.images[currentIndex]) {showImage();} else {currentIndex=0; showPageNav();$("footer").show();} 
     
}
showImage.images = {};
var picid = new Array();
    
function setMenuPos(cat){
  var myCat = $("c"+cat);
  if (myCat){
    $("catMarker").setStyle({
      left: myCat.offsetLeft+'px',
      width: myCat.offsetWidth+'px'
    });
    $("catMarker").show();
  }
}
var thisNavMove;
function moveMenuPos(e){
  var myCat = $(e);
  if (thisNavMove) thisNavMove.cancel();
  if ($("catMarker").visible()){
    thisNavMove = new Effect.Morph('catMarker', {
      style: {left: myCat.offsetLeft+'px', width: myCat.offsetWidth+'px'}, duration: 0.1, queue: {position: "front", scope: "menuScope"},
      transition: Effect.Transitions.linear
    });  
  } else {
    $("catMarker").setStyle({
      left: myCat.offsetLeft+'px',
      width: myCat.offsetWidth+'px'
    });
    thisNavMove = new Effect.Appear('catMarker', {
      duration: 0.2, queue: {position: "front", scope: "menuScope"}
    });
  }
  
    
}
function resetMenuPos(){
  
  //if (thisNavMove) thisNavMove.cancel();    
  if (typeof(catid) != "undefined"){
    var myCat = $("c"+catid);
    if (myCat){
      thisNavMove = new Effect.Morph('catMarker', {
        style: {left: myCat.offsetLeft+'px', width: myCat.offsetWidth+'px'}, delay:2, duration: 0.1, queue: {position: "end", scope: "menuScope", limit: 2},
        transition: Effect.Transitions.linear
      });
    }
  } else {
    thisNavMove = new Effect.Fade('catMarker', {
      delay:1, duration: 0.2, queue: {position: "end", scope: "menuScope", limit: 2}
    });
  }        
}

Event.on(document, "dom:loaded", function () {
  if (typeof(catid) != "undefined") setMenuPos(catid);
  $("topCatBox").on("mouseover", "a", function(event,element){moveMenuPos(element);event.stop();});
  $("topCatBox").on("mouseout", "a", function(event,element){resetMenuPos();event.stop();});
  if (typeof(nbPages) != "undefined" && nbPages>1){
    var myNav="<ul>\n";    
    if (page>1){
      var prevPage=page-1;
      myNav+="<li class=\"navNext\"><a href=\"/gallery/"+catid+"/"+prevPage+"\">PREV</a></li>";
    } else {
      myNav+="<li class=\"navNextOff\"><a>PREV</a></li>";
    }
    for (i=1;i<nbPages+1;i++){
      if (i==page){
        myNav+="<li class=\"pageActive\"><a>"+i+"</a></li>";
      } else {
        myNav+="<li><a href=\"/gallery/"+catid+"/"+i+"\">"+i+"</a></li>";
      }
    }
    if (page<nbPages){
      var nextPage=page+1;
      myNav+="<li class=\"navNext\"><a href=\"/gallery/"+catid+"/"+nextPage+"\">NEXT</a></li>";
    } else {
      myNav+="<li class=\"navNextOff\"><a>NEXT</a></li>";
    }
    myNav+="</ul>\n";
    $("pageNav").update(myNav);
  }     
  if(showImage.images[currentIndex]) showImage();
  if (isMobile==true){
    Event.observe(window, 'scroll', scrollBox);
  }    
});