var imageUrl = new Array(
        "/images/filmit_10.jpg",
        "/images/filmit_11.jpg",
        "/images/filmit_12.jpg",
        "/images/filmit_13.jpg",
        "/images/filmit_14.jpg",
        "/images/filmit_15.jpg",
        "/images/filmit_16.jpg",
        "/images/filmit_17.jpg",
        "/images/filmit_18.jpg",
        "/images/filmit_19.jpg",
        "/images/filmit_20.jpg"
      );

      var showUrl = new Array(
        "/images/showcase_210.jpg",
        "/images/showcase_211.jpg",
        "/images/showcase_212.jpg",
        "/images/showcase_213.jpg",
        "/images/showcase_214.jpg",
        "/images/showcase_215.jpg",
        "/images/showcase_216.jpg",
        "/images/showcase_217.jpg",
        "/images/showcase_218.jpg",
        "/images/showcase_219.jpg",
        "/images/showcase_220.jpg",
        "/images/showcase_221.jpg",
        "/images/showcase_222.jpg"
      );

      var showLabels = new Array(
        "Castlist Form",
        "Cast Form\nDetails",
        "Footage Player",
        "Location List Form",
        "Location Form\nDetails",
        "Location Form\nCategorization Tool",
        "Search Engine",
        "Address Book\nDetails",
        "Address Book\nContacts",
        "Presentation\nRunlist",
        "Presentation\nDetails",
        "Presentation\nPortraits",
        "Presentation\nZ-Cards"
      );

      var imageObj = new Array( 11);
      var showObj = new Array( 13);

      function changeOpac( opacity, id) {

        var object = document.getElementById(id);
        var opacDec = opacity / 100;

        if (( typeof( object.filters) != 'object') || ( object.filters.length < 1) || ( typeof( object.filters["DXImageTransform.Microsoft.Alpha"]) != 'object')) {

          if ( typeof( object.style.opacity) != 'undefined') {                    //W3C (Firefox, Opera, Safari, ...)
            object.style.opacity = opacDec;
          } else if ( typeof( object.style.MozOpacity) != 'undefined') {          //Firefox < 1.7
            object.style.MozOpacity = opacDec;
          } else if ( typeof( object.style.KhtmlOpacity) != 'undefined') {        //Safari < 1.2
            object.style.KhtmlOpacity = opacDec;
          }

        } else {

          object.filters["DXImageTransform.Microsoft.Alpha"].opacity = opacity;   //IE >= 5.5

        }

        return void( 0);
      }

      function showW3C() {

        var object = document.getElementById( "w3cimg");

        if ( object) {

          if (( typeof( object.filters) != 'object') || ( object.filters.length < 1) || ( typeof( object.filters["DXImageTransform.Microsoft.AlphaImageLoader"]) != 'object')) {

            object.src = "/images/valid-xhtml10.png"
          }

        } else {

          window.setTimeout( "showW3C()", 100);
        }

        return void( 0);
      }

      function blendImage( divId, imageId, imageObj, imageIdx, callBack, millisec) {

        var speed = Math.round( millisec / 100); 
        var timer = 0; 
         
        //set the current image as background 
        document.getElementById( divId).style.backgroundImage = "url(" + document.getElementById( imageId).src + ")"; 
         
        //make image transparent 
        changeOpac( 0, imageId); 
         
        //assign new image 
        document.getElementById( imageId).src = imageObj[ imageIdx].src;

        //fade in image 
        for(i = 0; i <= 100; i++) { 
          setTimeout( "changeOpac(" + i + ",'" + imageId + "')", ( timer * speed)); 
          timer++; 
        }

        if ( imageIdx < ( imageObj.length - 1)) {
          window.setTimeout( callBack + "( " + ( imageIdx + 1) + ")", 5000);
        } else {
          window.setTimeout( callBack + "( 0)", 5000);
        }

        return void( 0);
      } 


      function doFade( i) {

        var object = document.getElementById( "fadeimg");

        if ( object) {

          if ( typeof( imageObj[ i]) == 'undefined') {

            imageObj[ i] = new Image();
            imageObj[ i].src = imageUrl[ i];
          }

          if (( typeof( imageObj[ i]) != 'undefined') && ( imageObj[ i] != null) && ( typeof ( imageObj[ i].complete) == "boolean") && ( imageObj[ i].complete)) {

            blendImage( "fadediv", "fadeimg", imageObj, i, "doFade", 1000);

          } else {

            window.setTimeout( "doFade( " + i + ")", 100);
          }

        } else {

          window.setTimeout( "doFade( " + i + ")", 100);
        }

        return void( 0);
      }

      function doShow( i) {

        var object = document.getElementById( "showimg2");

        if ( object) {

          if ( typeof( showObj[ i]) == 'undefined') {

            showObj[ i] = new Image();
            showObj[ i].src = showUrl[ i];
          }

          if (( typeof( showObj[ i]) != 'undefined') && ( showObj[ i] != null) && ( typeof ( showObj[ i].complete) == "boolean") && ( showObj[ i].complete)) {

            blendImage( "showdiv2", "showimg2", showObj, i, "doShow", 1000);
            document.getElementById( "showdiv1").innerHTML = showLabels[ i];

          } else {

            window.setTimeout( "doShow( " + i + ")", 100);
          }

        } else {

          window.setTimeout( "doShow( " + i + ")", 100);
        }

        return void( 0);
      }


      function windowInit() {

        showW3C();
        doFade( 0);

        if ( window.location.toString().indexOf( "/showcase/") > 0) {
          doShow( 0);
        }

        return void( 0);
      }

      windowInit();