userAgent = window.navigator.userAgent;
browserVers = parseInt(userAgent.charAt(userAgent.indexOf("/")+1),10);
function newImage(arg) {
  if (document.images) {
    rslt = new Image();
    rslt.src = arg;
    return rslt;
  }
}

function findElement(n,ly) {
  if (browserVers < 4)		return document[n];
  var curDoc = ly ? ly.document : document;
  var elem = curDoc[n];
  if (!elem) {
    for (var i=0, j=curDoc.layers.length;i<j;i++) {
      elem = findElement(n,curDoc.layers[i]);
      if (elem) return elem;
    }
  }
  return elem;
}

function changeImages() {
  if (document.images && (preloadFlag == true)) {
    var img;
    for (var i=0, j=changeImages.arguments.length; i<j; i+=2) {
      img = null;
      if (document.layers) {
	img = findElement(changeImages.arguments[i],0);
      }
      else {
	img = document.images[changeImages.arguments[i]];
      }
      if (img) {
	img.src = changeImages.arguments[i+1];
      }
    }
  }
}

var preloadFlag = false;
function preloadImages() {
  if (document.images) {
    btn_prev_over = newImage("images/btn_prev_over.jpg");
    btn_next_over = newImage("images/btn_next_over.jpg");
    introduction_over = newImage("images/introduction_over.jpg");
    concept_over = newImage("images/concept_over.jpg");
    artistlist_over = newImage("images/artistlist_over.jpg");
    credits_over = newImage("images/credits_over.jpg");
    stocklist_over = newImage("images/stocklist_over.jpg");
    order_over = newImage("images/order_over.jpg");
    press_over = newImage("images/press_over.jpg");
    preloadFlag = true;
  }
}

// image navigation & picker // klokie 2006.08
var ArtBook = {
  indexCurrent: 0,
  imagePath: "images/art/",
  art: [
  {url: "0.jpg", title: "Flip the Script", year: "2006", artist: "Surface to Air" },
  {url: "1.jpg", title: "Cinderella", year: "1950", artist: "Tobie Giddio & Peter Belsky" },
  {url: "2.jpg", title: "Night of the Hunter", year: "1955", artist: "Shary Boyle" },
  {url: "3.jpg", title: "The Man With the Golden Arm", year: "1955", artist: "Steve Ellis" },
  {url: "4.jpg", title: "Mamma Roma", year: "1962", artist: "Tim Marvel Hull" },
  {url: "5.jpg", title: "Le Monde sans Soleil", year: "1964", artist: "Koshiro" },
  {url: "6.jpg", title: "Faile Safe", year: "1964", artist: "Faile" },
  {url: "7.jpg", title: "Blow Up", year: "1966", artist: "Virginie Barré" },
  {url: "8.jpg", title: "The Wolfman", year: "1966", artist: "Wes Lang" },
  {url: "9.jpg", title: "Faster Pussy Cat Kill!... Kill!", year: "1966", artist: "Claudio Cassano" },
  {url: "10.jpg", title: "Crazy Cats", year: "1967", artist: "Sunday Vision" },
  //    {url: "11.jpg", title: "Crazy Cats", year: "1967", artist: "Sunday Vision" },
  {url: "12.jpg", title: "Clockwork Orange", year: "1971", artist: "Jon Santos" },
  {url: "13.jpg", title: "Death in Venice", year: "1971", artist: "Hernan Bas" },
  {url: "14.jpg", title: "Roma", year: "1972", artist: "Jay-One" },
  {url: "15.jpg", title: "Deliverance", year: "1972", artist: "Fold" },
  {url: "16.jpg", title: "Harder They Come", year: "1973", artist: "Steve Marcus" },
  {url: "17.jpg", title: "Holy Mountain", year: "1973", artist: "Rajan Mehta" },
  {url: "18.jpg", title: "Texas Chainsaw Massacre", year: "1974", artist: "Kenzo Minami" },
  {url: "19.jpg", title: "One Flew Over the Cuckoo's Nest", year: "1975", artist: "Michael Ricardo Andreev" },
  {url: "20.jpg", title: "Alucarda, la Hija de las Tinieblas", year: "1978", artist: "Naomi Fisher" },
  {url: "21.jpg", title: "Every Which Way But Loose", year: "1978", artist: "David Komurek" },
  {url: "22.jpg", title: "Quadrophenia", year: "1979", artist: "Phil Knott" },
  {url: "23.jpg", title: "Gloria", year: "1980", artist: "Marc Alary" },
  {url: "24.jpg", title: "Stripes", year: "1981", artist: "Greg Foley" },
  {url: "25.jpg", title: "The Dark Crystal", year: "1982", artist: "Andrew Kuo" },
  {url: "26.jpg", title: "Conan The Barbarian", year: "1982", artist: "Dash Snow" },
  {url: "27.jpg", title: "Class of 1984", year: "1982", artist: "Jeremie Rozan" },
  {url: "28.jpg", title: "Indiana Jones & The Temple of Doom", year: "1984", artist: "Gordon Hull" },
  {url: "29.jpg", title: "Weird Science", year: "1985", artist: "Roanne Adams" },
  {url: "41.jpg", title: "European Vacation", year: "1985", artist: "Senz" },
  {url: "30.jpg", title: "Mauvais Sang", year: "1986", artist: "Risa Fukui" },
  {url: "31.jpg", title: "Kin-Dza-Dza", year: "1986", artist: "Konstantin Trubkovich" },
  {url: "32.jpg", title: "Fatal Attraction", year: "1987", artist: "Alexia Stamatiou" },
  {url: "33.jpg", title: "Wings of Desire", year: "1987", artist: "Mote Sinabel" },
  {url: "34.jpg", title: "Beatlejuice", year: "1987", artist: "Nagi Noda" },
  {url: "35.jpg", title: "Endless Winter", year: "1995", artist: "Bruno Peinado" },
  {url: "36.jpg", title: "Endless Harmony", year: "1998", artist: "Marcus Oakley" },
  {url: "37.jpg", title: "Hands on a Hardbody", year: "1998", artist: "Daniel Jackson" },
  {url: "39.jpg", title: "Sweet and Low Down", year: "1999", artist: "Scott Andrew Snyder" },
  {url: "38.jpg", title: "The Fast and the Furious", year: "2001", artist: "Yorgo Touplas" },
  {url: "40.jpg", title: "Suite Habana", year: "2003", artist: "José Parlá" },
  {url: "42.jpg", title: "My Post Traumatic Stress", year: "2003", artist: "Skii" },
  {url: "43.jpg", title: "The Runner", year: "2003", artist: "Ash" },
  {url: "44.jpg", title: "American Gigolo X", year: "2003", artist: "Lokiss" },
  {url: "45.jpg", title: "Efecto Nocturno", year: "2003", artist: "Lansing Dreiden" },
  {url: "46.jpg", title: "The Red Tent", year: "2004", artist: "Antoinette Aurell" },
  {url: "47.jpg", title: "Rococo", year: "2004", artist: "RoStarr" },
  {url: "48.jpg", title: "Apocalif No", year: "2004", artist: "Papa Jules" },
  {url: "49.jpg", title: "Captain Harlock", year: "2005", artist: "Cyrille Thomas" }
  
  /*
    title: "Shottas", year: "2002", artist: "Momar Clemons"
    title: "Stranger Than Paradise", year: "1984", artist: "Cyril Mazard"
  */
  ],
  
  initialize: function() {
    for (var x=0, z=this.art.length; x < z; ++x) {
      //preload images
      newImage( this.imagePath + this.art[x].url );

      //create title divs
      document.write( '<div id="title'+x+'" class="poster-credit" style="z-index:' + (x>>2) + ';visibility: hidden;">'
		      + this.getTitle(x) + '</div>' );
    }
    this.showCurrent();
  },

  getTitle: function(x) {
    return this.art[x].artist + ", &ldquo;" + this.art[x].title + "&rdquo; (" + this.art[x].year + ")";
  },

  nextImg: function() {
    if (++this.indexCurrent >= this.art.length) this.indexCurrent = 0;
    this.showCurrent();
  },

  prevImg: function() {
    if (--this.indexCurrent < 0) this.indexCurrent = this.art.length - 1;
    this.showCurrent();
  },

  showCurrent: function() {
    document.images['poster'].src = this.imagePath + this.art[this.indexCurrent].url;
    document.images['poster'].alt = this.getTitle(this.indexCurrent);
    for (var x=0, z=this.art.length; x < z; ++x) {
      var el = document.getElementById( 'title'+x  );
      if (el!=null) el.style.visibility = (x==this.indexCurrent) ? '' : 'hidden';
      //else alert("cannot find element title"+x);
    }
  }
};

/* adjust divs to smaller screens */
function smallScreen() {
  document.write('<' + 'link rel="stylesheet" type="text/css" href="css/flip_800x600.css"' + '/>');
}