var currentBanner;
var banners;

var currentGallery;
var gallery;

window.onload=function(){
	enableTableHeader();
	initSearch();
	initBanners();
	initGallery();
	initLargeGallery();
	initTextSize();
	popupLinks();	
	checkPreferences();
	initGoogleMaps();
};


function enableTableHeader () {

	
	var headers = document.getElementsByTagName("th");
	 
	for (var i = 0; i < headers.length; i++) { 
	    
	     headers[i].disabled = false;
	   

	    }

	
	


};


function initTextSize() {
	$("tools-list").update($("tools-list").innerHTML+'<li><a href="javascript:textSize(0);" class="button" id="textsize-default">Default text size</a></li><li><a href="javascript:textSize(1);" class="button" id="textsize-large">Large text size</a></li>');
};

function initSearch() {

	var searchQuery = $$(".search-query");

	searchQuery.each(function(s, index) {
		
		s.writeAttribute("value", "Enter search keywords");
			
		s.observe("blur", function(event){
			if(Event.element(event).readAttribute("value") == "") {
					Event.element(event).writeAttribute("value", "Enter search keywords");	
			}  
		});
	
		s.observe("focus", function(event){ 
			if(Event.element(event).readAttribute("value") == "Enter search keywords") {
					Event.element(event).writeAttribute("value", "");	
			}  
		});
	});

};


function initBanners() {
	
	currentBanner = 1;
	banners = $("banners").getElementsByClassName("banner");	
	
	for(var i=0; i<banners.length; i++){
		if (i==0) {
			$(banners[i].id).setStyle({
				display: 'block'
			});	
		} else {
			$(banners[i].id).setStyle({
				display: 'none'
			});
		}
	};

	if ($("nav-banners")) {
		$("nav-banners").update('<ul><li><a href="#" id="banner-previous" class="button previous">Previous banner</a></li><li><a href="#" id="banner-next" class="button next">Next banner</a></li></ul>');
		
		$("banner-previous").writeAttribute("href","javascript:;");
		$("banner-next").writeAttribute("href","javascript:;");		

		$("banner-previous").writeAttribute("title","Previous");
		$("banner-next").writeAttribute("title","Next");		
	

		$("banner-next").observe("click", function(event){ 
			if (currentBanner < banners.length) {
				currentBanner += 1;			
			} else {
				currentBanner = 1;	
			}
			updateBanner();
		});
	
		$("banner-previous").observe("click", function(event){ 
			if (currentBanner > 1) {
				currentBanner -= 1;			
			} else {
				currentBanner = banners.length;	
			}
			updateBanner();
		});
	};

	if ($("nav-banners")) {

		var flashURL = "";
		if($("nav-primary-zoos").hasClassName("selected")) {
			switch($("title-page").innerHTML) {
				case 'Sustainability Partnership':
				case 'Get on Board the Sustainability Tram':
				case 'Environmental Sustainability at Zoos Victoria':
					flashURL = "SustainabilityFlashBanner";	
					break;
				default:
					flashURL = "ZoosVictoriaFlashBanner";
					break;
			}
			
			//if($("title-page").innerHTML == 'Sustainability Partnership') {
			//		flashURL = "SustainabilityFlashBanner";	
			//}			
			//else flashURL = "ZoosVictoriaFlashBanner";
		}
		if($("nav-primary-werribee").hasClassName("selected")) {
			flashURL = "WerribeeZooFlashBanner";					  
		}		
		if($("nav-primary-melbourne").hasClassName("selected")) {
			flashURL = "MelbourneZooFlashBanner";
		}		
		if($("nav-primary-healesville").hasClassName("selected")) {
			flashURL = "HealesvilleSanctuaryFlashBanner";
		}	
		if($("nav-primary-conservation").hasClassName("selected")) {
			flashURL = "ConservationResearchFlashBanner";
		}			
		if($("nav-primary-learning").hasClassName("selected")) {
			flashURL = "LearningExperiencesFlashBanner";
		}		
		if($("nav-primary-support").hasClassName("selected")) {
			flashURL = "SupportYourZooFlashBanner";
		}				

		var so = new SWFObject("/flash/"+flashURL, "banner-flash", "100%", "600", "8");
		so.addParam("scale", "noborder");
		so.addParam("align", "t");
		so.addParam("wmode", "transparent");
		so.addParam("menu", "false");
		so.write("banners");

	}
};

function updateBanner() {
	for(var i=0; i<banners.length; i++){
		if (i==(currentBanner-1)) {
			$(banners[i].id).setStyle({
				display: 'block'
			});	
		} else {
			$(banners[i].id).setStyle({
				display: "none"
			});
		} 
	}
};


function initGallery() { 

	
	
	if ($("nav-galleryCC")) {
	
	currentGallery = 1;
	gallery = $("galleryCC").getElementsByClassName("gallery");	
	
	for(var i=0; i<gallery.length; i++){
		if (i==0) {
			$(gallery[i].id).setStyle({
				display: 'block'
			});	
		} else {
			$(gallery[i].id).setStyle({
				display: 'none'
			});
		}
	};

	}
	
	
	if ($("nav-galleryRC")) {
		
		currentGallery = 1;
		gallery = $("galleryRC").getElementsByClassName("gallery");	
		
		image = $("galleryRC").getElementsByClassName("image");	
		if (image.length == 0) {
		    $("galleryRC").setStyle({
		        display: 'none'
		    });
		}

		for(var i=0; i<gallery.length; i++){
			if (i==0) {
				$(gallery[i].id).setStyle({
					display: 'block'
				});	
			} else {
				$(gallery[i].id).setStyle({
					display: 'none'
				});
			}
		};
	
	}
	
	
	
	if ($("nav-galleryCC")) {
	
			$("nav-galleryCC").update('<a href="#" id="gallery-previous" class="button previous">Previous gallery</a>  <a href="#" id="gallery-next" class="button next">Next gallery</a>');
			
			$("gallery-previous").writeAttribute("href","javascript:;");
			$("gallery-next").writeAttribute("href","javascript:;");		
		
			$("gallery-next").observe("click", function(event){ 
				if (currentGallery < gallery.length) {
					currentGallery += 1;			
				} else {
					currentGallery = 1;	
				}
				updateGallery();
			});
		
			$("gallery-previous").observe("click", function(event){ 
				if (currentGallery > 1) {
					currentGallery -= 1;			
				} else {
					currentGallery = gallery.length;	
				}
				updateGallery();
			});
	};
	
	if ($("nav-galleryRC")) {
		
				$("nav-galleryRC").update('<a href="#" id="gallery-previousRC" class="button previous">Previous gallery</a>  <a href="#" id="gallery-nextRC" class="button next">Next gallery</a>');
				
				$("gallery-previousRC").writeAttribute("href","javascript:;");
				$("gallery-nextRC").writeAttribute("href","javascript:;");		
			
				$("gallery-nextRC").observe("click", function(event){ 
					if (currentGallery < gallery.length) {
						currentGallery += 1;			
					} else {
						currentGallery = 1;	
					}
					updateGallery();
				});
			
				$("gallery-previousRC").observe("click", function(event){ 
					if (currentGallery > 1) {
						currentGallery -= 1;			
					} else {
						currentGallery = gallery.length;	
					}
					updateGallery();
				});
		};


}

function updateGallery() {
	for(var i=0; i<gallery.length; i++){
		if (i==(currentGallery-1)) {
			$(gallery[i].id).setStyle({
				display: 'block'
			});	
		} else {
			$(gallery[i].id).setStyle({
				display: "none"
			});
		} 
	}
};

function initGoogleMaps() {
	try {
		InitializeGeocoder()
	}
	catch(err) { }
};

var currLargeGallerySelection = 'images';

function loadLargeGallerySelection(type){
    if (type != currLargeGallerySelection) {
        $(type+"-nav").className = 'selected';
        $(currLargeGallerySelection+"-nav").className = '';
        currLargeGallerySelection = type;
        
        switch(type)
        {
            case "images":
                images_display = "block";
                video_display = "none";
                audio_display = "none";
                break;
            case "video":
                images_display = "none";
                video_display = "block";
                audio_display = "none";
                break;
            case "audio":
                images_display = "none";
                video_display = "none";
                audio_display = "block";
                break;
            default:
                images_display = "block";
                video_display = "none";
                audio_display = "none";
                break;
        }
        
        if ($("nav-large-gallery")) 
            $('nav-large-gallery').style.display = images_display;
        if ($("large-gallery-video"))
            $('large-gallery-video').style.display = video_display;
        if ($("large-gallery-audio"))
            $('large-gallery-audio').style.display = audio_display;
     
    }
}

function initLargeGallery() {
	
    // 	Image Gallery	
	if ($("gallery-large")) {
    	currentLargeGallery = 1;
	    $("images-nav").style.display = 'block';
	    largeGallery = $("gallery-large").getElementsByClassName("large-gallery");	
	
	    for(var i=0; i<largeGallery.length; i++){
    		if (i==0) {
    			$(largeGallery[i].id).setStyle({
    				display: 'block'
    			});	
    		} else {
    			$(largeGallery[i].id).setStyle({
    				display: 'none'
    			});
    		}
    	};
	
	}

	if ($("nav-large-gallery")) {
		$("nav-large-gallery").update('<ul><li><a href="#" id="large-gallery-previous" class="button previous">Previous banner</a></li><li><a href="#" id="large-gallery-next" class="button next">Next banner</a></li></ul>');
		
		$("large-gallery-previous").writeAttribute("href","javascript:;");
		$("large-gallery-next").writeAttribute("href","javascript:;");		
	
		$("large-gallery-next").observe("click", function(event){ 
			if (currentLargeGallery < largeGallery.length) {
				currentLargeGallery += 1;			
			} else {
				currentLargeGallery = 1;	
			}
			updateLargeGallery();
		});
	
		$("large-gallery-previous").observe("click", function(event){ 
			if (currentLargeGallery > 1) {
				currentLargeGallery -= 1;			
			} else {
				currentLargeGallery = largeGallery.length;	
			}
			updateLargeGallery();
		});
	};
	
    
    // 	Video	
	if ($("large-gallery-video")) {
	    flashURL = $("large-gallery-video").innerHTML
	    var so = new SWFObject("/flash/"+flashURL, "video-flash", "360", "290", "8");
		so.addParam("scale", "noborder");
		so.addParam("align", "t");
		so.addParam("wmode", "transparent");
		so.addParam("menu", "false");
		so.write("large-gallery-video");
		$('video-nav').style.display = 'block';
    }

    // 	Audio	
	if ($("large-gallery-audio")) {
	    flashURL = $("large-gallery-audio").innerHTML
	    var so = new SWFObject("/flash/"+flashURL, "audio-flash", "360", "290", "8");
		so.addParam("scale", "noborder");
		so.addParam("align", "t");
		so.addParam("wmode", "transparent");
		so.addParam("menu", "false");
		so.write("large-gallery-audio");
		$('audio-nav').style.display = 'block';
    }

};


function updateLargeGallery() {
	for(var i=0; i<largeGallery.length; i++){
		if (i==(currentLargeGallery-1)) {
			$(largeGallery[i].id).setStyle({
				display: 'block'
			});	
		} else {
			$(largeGallery[i].id).setStyle({
				display: "none"
			});
		} 
	}
};



jQuery(document).ready(function() {

    jQuery('.anythingSlider').anythingSlider({ autoPlay: true, startStopped: false, pauseOnHover: true });
    if (jQuery.browser.msie) {
        //jQuery(".wrapper , .tree").pngFix();
    }
    jQuery(".tableWrapper table tr td:odd").addClass("odd");
    Cufon.replace('.featureDescription h3');
    
   /* Cufon.replace('.thumbNav a.cur');
    Cufon.replace('.thumbNav a');

    jQuery(".thumbNav a").hover(function() {
        jQuery(this).css('color', '#005528');
        flag = 0;
        if (jQuery(this).attr('class') == '') {
            jQuery(this).addClass("cur");
            flag = 1;
            // alert(flag);
        }
        Cufon.replace(this);

    },
    function() {
        jQuery(this).css('color', '#fff');
        if (flag == 1) {
            jQuery(this).removeClass("cur");
            Cufon.replace(this);
            jQuery(this).css('color', '');
        }
        

    });*/

});
