$(document).ready(function() {
//$("#mainpage_banner_area").ready(function() {
	var gallery = new Array();
	$.ajax( {
		type: "GET",
		url: "gallery.xml.php?id="+page_id,
		dataType: "xml",
		success: function(xml) {
			$(xml).find('image').each(function() {
				var id = $(this).attr('id');
				var title = $(this).find('title').text();
				var imageurl = $(this).find('url').text();
				var image = new Array();
				image.push(title);
				image.push(imageurl);
				gallery.push(image);
				//$("#slider").append('<a href="http://www.taveco.ee/?id=240#p'.id.'"><img src="'+gallery[id][1]+'" alt="" title="#htmlcaption" /></a>');
				if ((gallery[id][0]).length > 0) {
					$("#slider").append('<img src="'+gallery[id][1]+'" alt="" title="'+gallery[id][0]+'" />');
				} else {
					$("#slider").append('<img src="'+gallery[id][1]+'" alt="" />');
				}
			});
		}
	});
	
});


$(window).load(function() {
	var total = $('#slider img').length;
	var rand = Math.floor(Math.random()*total);
	$('#slider').nivoSlider({
		effect:'fade', // Specify sets like: 'fold,fade,sliceDown, random'
		slices:30, // For slice animations
		boxCols:16, // For box animations
		boxRows:4, // For box animations
		animSpeed:400, // Slide transition speed
		pauseTime:6000, // How long each slide will show
		startSlide:0, // Set starting Slide (0 index)
		directionNav:true, // Next & Prev navigation
		directionNavHide:true, // Only show on hover
		controlNav:false, // 1,2,3... navigation
		controlNavThumbs:false, // Use thumbnails for Control Nav
		controlNavThumbsFromRel:false, // Use image rel for thumbs
		controlNavThumbsSearch: '.jpg', // Replace this with...
		controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
		keyboardNav:false, // Use left & right arrows
		pauseOnHover:false, // Stop animation while hovering
		manualAdvance:false, // Force manual transitions
		captionOpacity:0.8, // Universal caption opacity
		prevText: 'Prev', // Prev directionNav text
		nextText: 'Next', // Next directionNav text
		beforeChange: function(){}, // Triggers before a slide transition
		afterChange: function(){}, // Triggers after a slide transition
		slideshowEnd: function(){}, // Triggers after all slides have been shown
		lastSlide: function(){}, // Triggers when last slide is shown
		//afterLoad: function(){} // Triggers when slider has loaded
		afterLoad: function(){
        var $slider = $('#slider img');
        $slider.css('opacity',0);
        $('#preloader').fadeOut(200, function(){
           $slider.animate({'opacity':1}, 200);
        });
    }
	});
});