// JavaScript Document
var currentSlideshowItem;

var imageArray = new Array();
  imageArray[1] = '/pix/about_slide/aboutslide01.jpg';
  imageArray[2] = '/pix/about_slide/aboutslide02.jpg';
  imageArray[3] = '/pix/about_slide/aboutslide03.jpg';
  imageArray[4] = '/pix/about_slide/aboutslide04.jpg';
  imageArray[5] = '/pix/about_slide/aboutslide05.jpg';
  imageArray[6] = '/pix/about_slide/aboutslide06.jpg';
  imageArray[7] = '/pix/about_slide/aboutslide07.jpg';
  imageArray[8] = '/pix/about_slide/aboutslide08.jpg';
  imageArray[9] = '/pix/about_slide/aboutslide09.jpg'; 
  imageArray[10] = '/pix/about_slide/aboutslide10.jpg';
  imageArray[11] = '/pix/historic_slide/historicslide01.jpg';
  imageArray[12] = '/pix/historic_slide/historicslide02.jpg';
  imageArray[13] = '/pix/historic_slide/historicslide03.jpg';
  imageArray[14] = '/pix/historic_slide/historicslide04.jpg';
  imageArray[15] = '/pix/historic_slide/historicslide05.jpg';
  imageArray[16] = '/pix/historic_slide/historicslide06.jpg';
  imageArray[17] = '/pix/historic_slide/historicslide07.jpg';
  imageArray[18] = '/pix/historic_slide/historicslide08.jpg';
  imageArray[19] = '/pix/historic_slide/historicslide09.jpg';
  imageArray[20] = '/pix/historic_slide/historicslide10.jpg';
  imageArray[21] = '/pix/historic_slide/historicslide11.jpg';
  
  
  

//timeout variable
var to;

function getPageSize() { //as seen in so many api's
			var xScroll, yScroll;
			if (window.innerHeight && window.scrollMaxY) {	
				xScroll = window.innerWidth + window.scrollMaxX;
				yScroll = window.innerHeight + window.scrollMaxY;
			} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
				xScroll = document.body.scrollWidth;
				yScroll = document.body.scrollHeight;
			} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
				xScroll = document.body.offsetWidth;
				yScroll = document.body.offsetHeight;
			}
			var windowWidth, windowHeight;
			if (self.innerHeight) {	// all except Explorer
				if(document.documentElement.clientWidth){
					windowWidth = document.documentElement.clientWidth; 
				} else {
					windowWidth = self.innerWidth;
				}
				windowHeight = self.innerHeight;
			} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
				windowWidth = document.documentElement.clientWidth;
				windowHeight = document.documentElement.clientHeight;
			} else if (document.body) { // other Explorers
				windowWidth = document.body.clientWidth;
				windowHeight = document.body.clientHeight;
			}	
			// for small pages with total height less then height of the viewport
			if(yScroll < windowHeight){
				pageHeight = windowHeight;
			} else { 
				pageHeight = yScroll;
			}
			// for small pages with total width less then width of the viewport
			if(xScroll < windowWidth){	
				pageWidth = xScroll;		
			} else {
				pageWidth = windowWidth;
			}
			arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
			return arrayPageSize;
		};

function setoverlay(){
    var arrPageSizes = getPageSize();
    $('#overlay').width(arrPageSizes[0]);
		$('#overlay').height(arrPageSizes[1]);
}

function slideshow(startNumber, endNumber, displayedNumber){

  //preload that image array

  //for each (var item in imageArray){
  //  jQuery("<img>").attr("src", item);
  //}


  currentSlideshowItem = displayedNumber;
  //fadeout image & text
  
  $('#slideshowImage').fadeOut('fast', function(){
    //change image as callback
    $('#slideshowImage').attr('src',imageArray[displayedNumber]).load(function(){
      //call upon load(ed)
      $('#slideshowImage').fadeIn('fast');
    });  
  });
  
  $('#reloadwrapper').fadeOut('fast', function(){
    
    //change text too! via load into div by id="slideshowtext"  
    $('#reloadwrapper').load('/includes/slideshowtext.php?text='+displayedNumber+'&rnd='+Math.random()+' #reloadwrapper > *', function(){
      //fade in image & text as callbackfunction once content is loaded
      
      $('#reloadwrapper').fadeIn('fast', function(){
      
        //change displayed number  
        $('#imageNumbers').text((displayedNumber-startNumber+1)+' of ' + (endNumber-startNumber+1));
        //change arrow link & class for right and left arrows
        if (displayedNumber == startNumber){//prev is endNumber
          $('#leftButton').attr('href','javascript:slideshow('+startNumber+','+endNumber+','+endNumber+');');
          $('#rightButton').attr('href','javascript:slideshow('+startNumber+','+endNumber+','+(displayedNumber+1)+');');
          //preload next image now
          jQuery("<img>").attr("src", imageArray[(displayedNumber+1)]);
        }else if(displayedNumber == endNumber){//next is startNumber
          $('#leftButton').attr('href','javascript:slideshow('+startNumber+','+endNumber+','+(displayedNumber-1)+');');
          $('#rightButton').attr('href','javascript:slideshow('+startNumber+','+endNumber+','+startNumber+');');
          //preload next image now
          jQuery("<img>").attr("src", imageArray[(startNumber)]);          
        }else{    
          $('#leftButton').attr('href','javascript:slideshow('+startNumber+','+endNumber+','+(displayedNumber-1)+');');
          $('#rightButton').attr('href','javascript:slideshow('+startNumber+','+endNumber+','+(displayedNumber+1)+');');
          //preload next image now
          jQuery("<img>").attr("src", imageArray[(displayedNumber+1)]);
        }
      
      });
    
      
    });  
  }); 
}


function placeVideoplayer(videoNumber){
  if (videoNumber == 1){
    $('#videowrapper1').html('<div class="video1"><embed src="/videos/intro.mov" width="226" height="162" hspace="0" vspace="0" autostart="true"></embed></div>');
  }else if (videoNumber == 2){
    $('#videowrapper').html('<div class="video2"><embed src="/videos/building.mov" width="287" height="192" hspace="0" vspace="0" autostart="true"></embed></div>');
  }else if (videoNumber == 3){
    $('#videowrapper2').html('<div class="video3"><embed src="/videos/underworld.mov" width="226" height="162" hspace="0" vspace="0" autostart="true"></embed></div>');
  }
  
}

function playSlideshow(startNumber, endNumber){
    //alter playbutton to pause
    $('#playButton').removeClass('picscroll_play');
    $('#playButton').attr('href','javascript:stopSlideshow('+startNumber+','+endNumber+');');
    $('#playButton').addClass('picscroll_pause');
        
    to = setTimeout(function() {
      if (currentSlideshowItem < endNumber){
        slideshow(startNumber, endNumber, (currentSlideshowItem+1));
        playSlideshow(startNumber, endNumber);
        
      }else{
        //stop the show
        stopSlideshow(startNumber, endNumber);
      }
      
    }, 5000);
}

function stopSlideshow(startNumber, endNumber){
  if(to) clearTimeout(to);
  
  //alter pause button to play
  $('#playButton').addClass('picscroll_play');
  $('#playButton').removeClass('picscroll_pause');
  $('#playButton').attr('href','javascript:playSlideshow('+startNumber+','+endNumber+');');
}

function toggleformon(selectedDiv){
    //hide videoplayer
    $('#videowrapper').hide();
    
    setoverlay();
    $('#overlay').show();
    
    //load content into div    
    if (selectedDiv == 'slideshow1'){//callbackfunction to goto 1st picture after loading is done
      $('#loadwrapper').load('/includes/popups.php?popup='+selectedDiv+'&rnd='+Math.random()+' #loadwrapper > *', (function(){
        slideshow(1,10,1);
      }));
    }else if (selectedDiv == 'slideshow2'){//callbackfunction to goto 1st picture after loading is done
      $('#loadwrapper').load('/includes/popups.php?popup='+selectedDiv+'&rnd='+Math.random()+' #loadwrapper > *', (function(){
        slideshow(11,21,11);
      }));
    }else{
      $('#loadwrapper').load('/includes/popups.php?popup='+selectedDiv+'&rnd='+Math.random()+' #loadwrapper > *');
    }    
  }
  function toggleformoff(){
    $('#videowrapper').show();
    //list all possible things to turn off      
    $('#slideshow').addClass('contentoff');	   
    $('#slideshow').removeClass('contenton');
    $('#popup').addClass('contentoff');	   
    $('#popup').removeClass('contenton');
    $('#overlay').hide();       
  }
  
  function sendMail(){//via post in case long text are supplied
    $('#varcontent').load('/includes/email_form.php #varcontent > *',{email: $('#email').val(), subject: $('#subject').val(), comment: $('#comment').val(), target: $('#target').val()});               
  }
  
  //resize overlay on window resize
  $(window).resize(function() {
    setoverlay();
  });

$(function() {
  $('a[rel^=quote]').mouseover(function() {
    var quote = $('#'+this.rel).html();
    $('#quote').html(quote);
  });
});