jQuery(window).load(function() {
    new VerticalSlidePanel(".columnBodySlider");

    preloadMapImages();
});

function loadmap(mapno) {
    document.getElementById("imgMap").src = '/images/nzmap/nzgolf-map' + mapno + '.jpg';
}

function preloadMapImages() {
    for (var i = 0; i <= 17; i++) {
        var img = new Image(1, 1);
        img.src = '/images/nzmap/nzgolf-map' + i + '.jpg';
    }
}

function VerticalSlidePanel(selector){

	this.init = function(){
		var _this = this;
		this.panels = new Array();
		this.startHeight = 30;
		this.selector = jQuery(selector);
		this.selector.each(function(i){
			_this.panels[i] = jQuery(this);
			var panelHeight = jQuery(this).height();
			jQuery(this).children('img').css('opacity',0);
			jQuery(this).css({'height':_this.startHeight+'px'});
			jQuery(this).hover(function(){
				_this.animateIn(panelHeight, i);
			},
			function(){
				_this.animateOut(i);
			});
		});
	}
	
	this.animateIn = function(height, i) {
		jQuery(this.panels[i]).children('img').animate({'opacity':1},{queue:false, duration: 1000});
		jQuery(this.panels[i]).animate({'height':height+'px'},{queue:false, duration: 1000});
	}
	
	this.animateOut = function(i) {
		jQuery(this.panels[i]).animate({'height':this.startHeight+'px'},{queue:false, duration: 1000});
		jQuery(this.panels[i]).children('img').animate({'opacity':0},{queue:false, duration: 1000});
	}
	
	this.init();
}