var headerImages;
    var imageLoader;
    
    
    var brochureForm;
    var brochureFormId;
    
    //safari browser fix 
      
	window.addEvent('domready', function(){
       	
   		var accordionTogglers = document.getElementsBySelector ('.toggler');
    	var accordionContents = document.getElementsBySelector ('.secondlevel');
    	var accordion = new Fx.Accordion(accordionTogglers, accordionContents,{'show' : accordionStart});
    	
    	new SmoothScroll();
    
    
    	if (document.getElementsBySelector){
    	var anchorTags = document.getElementsBySelector ('a');
    	for (var i=0; i<anchorTags.length; i++) {
       			var anchorTag = anchorTags[i];
       		if (anchorTag.getAttribute("href") &&
          		anchorTag.getAttribute("rel") == "external")
          		anchorTag.target = "_blank";
       		}
    	}
    	brochureFormId = document.getElementById('navigationBrochureForm');
    //	brochureForm = new Fx.Slide(brochureFormId, {duration: 500});
    //	brochureForm.hide();
    });
    window.addEvent('load', function(){
    	$$('#brochureexpand').addEvent('click',function(){
    	   	brochureForm.toggle();    		
    	});
    });
    
    var newImage;
    var headImage;
    var loading;
    var glbTitleHead;
    var galleryImages = new Array();
    var galleryImageTitles = new Array();
    var currentLoading = "no";
    function loadGalleryImage(newImageUrl,pictureId,titleHead,totalResults){
      if(currentLoading=="no"){
        var allGallery = document.getElementsBySelector('.galleryimage img');
        allGallery.setStyle('border', '2px solid #e7e9ed');
        var newSelected = document.getElementById('gallerypicture'+pictureId);
        newSelected.setStyle('border', '2px solid #91c9d3');
        var imageNumber = document.getElementById('imagenumber');
        $(imageNumber).empty();
        $(imageNumber).setText(pictureId);
        var oldButtonPrevious = document.getElementById('button_previous');
        var oldButtonNext = document.getElementById('button_next');
        var previousPicture = pictureId-1;
        var buttonPrevious = new Element('a', {
          'events': {
          	'click': function(){
              loadGalleryImage(galleryImages[previousPicture],previousPicture,galleryImageTitles[previousPicture],totalResults);
          	}
          },
          'id': 'button_previous',
          'href': '#top'
        });
        buttonPrevious.setText("Previous");
        var nextPicture = pictureId+1;
        var buttonNext = new Element('a', {
          'events': {
          	'click': function(){
              loadGalleryImage(galleryImages[nextPicture],nextPicture,galleryImageTitles[nextPicture],totalResults);
          	}
          },
          'id': 'button_next',
          'href': '#top'
        });
        buttonNext.setText("Next");
        var deActivePrevious = new Element('img', {
          'alt': 'Previous',
          'id': 'button_previous',
          'src': 'images/button_previous.gif',
          'height': '40',
          'width': '30'
        });
        var deActiveNext = new Element('img', {
          'alt': 'Next',
          'id': 'button_next',
          'src': 'images/button_next.gif',
          'height': '40',
          'width': '30'
        });
        if(pictureId == 1){
          oldButtonPrevious.replaceWith(deActivePrevious);
        }
        else{
          oldButtonPrevious.replaceWith(buttonPrevious);
        }
        if(pictureId == totalResults){
          oldButtonNext.replaceWith(deActiveNext);
        }
        else{
          oldButtonNext.replaceWith(buttonNext);
        }
        headImage = document.getElementById('headimage');
        loading = document.getElementById('loading');
        $(loading).setStyle('display','block');
        currentLoading = "yes"
        newImage = new Asset.images([newImageUrl], {
          onComplete: function(){
            glbTitleHead = titleHead;
           	setTimeout(replaceImage,500);
            setTimeout(function(){currentLoading = 'no';},500);
          }
      });
      }
    }

    var pageImages = new Array();
    var pageImageTitle;
    function loadImage(newImageUrl,pictureId,titleHead,totalResults) {
      if(currentLoading=="no"){
        var imageNumber = document.getElementById('imagenumber');
        if (imageNumber){
          $(imageNumber).empty();
          $(imageNumber).setText(pictureId);
          var oldButtonPrevious = document.getElementById('button_previous');
          var oldButtonNext = document.getElementById('button_next');
          
          var previousPicture = pictureId-1;
          var buttonPrevious = new Element('a', {
            'events': {
            	'click': function(){
                	loadImage(pageImages[previousPicture],previousPicture,pageImageTitle,totalResults);
            	}
            },
            'id': 'button_previous',
            'href': '#top'
          });
          buttonPrevious.setText("Previous");
          var nextPicture = pictureId+1;
          var buttonNext = new Element('a', {
            'events': {
            	'click': function(){
                	loadImage(pageImages[nextPicture],nextPicture,pageImageTitle,totalResults);
            	}
            },
            'id': 'button_next',
            'href': '#top'
          });
          buttonNext.setText("Next");
          var deActivePrevious = new Element('img', {
            'alt': 'Previous',
            'id': 'button_previous',
            'src': 'images/button_previous.gif'
          });
          var deActiveNext = new Element('img', {
            'alt': 'Next',
            'id': 'button_next',
            'src': 'images/button_next.gif'
          });
          if(pictureId == 1){
            oldButtonPrevious.replaceWith(deActivePrevious);
          }
          else{
            oldButtonPrevious.replaceWith(buttonPrevious);
          }
          if(pictureId == totalResults){
            oldButtonNext.replaceWith(deActiveNext);
          }
          else{
            oldButtonNext.replaceWith(buttonNext);
          }
        }
        headImage = document.getElementById('headimage');
        loading = document.getElementById('loading');
        $(loading).setStyle('display','block');
        currentLoading = "yes";
        newImage = new Asset.images([newImageUrl], {
          onComplete: function(){
            glbTitleHead = titleHead;
           	setTimeout(replaceImage,500);
           	setTimeout(function(){currentLoading = 'no';},500);
          }
      });
      }
    }
    
    function replaceImage(){ 
      myFx = new Fx.Style(newImage[0], 'opacity').set(0);
      $(headImage).replaceWith(newImage[0]);
      newImage[0].setProperty('id', 'headimage');
      newImage[0].setProperty('alt', glbTitleHead);
      newImage[0].setProperty('height', '500');
      newImage[0].setProperty('width', '710');
      loading.setStyle('display','none');
      myFx = new Fx.Style(newImage[0], 'opacity').start(0,1);
    }