$(document).ready(function(){
	var mid_awards = new Array(9);
	mid_awards[0] = 'images/logo_surfers.jpg'; //dummy thing :)
	mid_awards[1] = 'images_slide/1.jpg';
	mid_awards[2] = 'images_slide/2.jpg';
	mid_awards[3] = 'images_slide/3.jpg';
	mid_awards[4] = 'images_slide/4.jpg';
	mid_awards[5] = 'images_slide/5.jpg';
	mid_awards[6] = 'images_slide/6.jpg';
	mid_awards[7] = 'images_slide/7.jpg';
	mid_awards[8] = 'images_slide/8.jpg';
	curr_mid_awards = 2; //start from 2nd image
	
	//preload the small buttons
	$.xLazyLoader({
		img: ['images/box-td1.gif', 'images/box-td2.gif', 'images/box-td3.gif', 'images/box-td4.gif', 'images/box-td5.gif', 'images/box-td6.gif', 'images/box-td7.gif', 'images/box-td8.gif'],
		name: 'smallbuttons'
	});
	
	//preload the slide images
	$.xLazyLoader({
		img: mid_awards,
		name: 'slideshow',
		success: function(){
			//start the slides
			$("#slideshow").everyTime(5000, function(){
				if (curr_mid_awards > 8) {
					curr_mid_awards = 1;
				}
				$("#slideshow").fadeOut(500, function(){
					$("#slideshow").css('background', 'url(' + mid_awards[curr_mid_awards] + ')');
					var margin_left = -15;
					var btn_content = '';
					for (var i = 1; i < mid_awards.length; i++) {
						margin_left += 25;
						btn_content += '<div style="height:20px; width:20px; position:absolute; left: 0px;';
						btn_content += 'margin: 260px 0px 0px ' + margin_left + 'px; ';
						btn_content += 'background:url(images/box-t';
						if (i == curr_mid_awards) {
							btn_content += 'd';
						}
						btn_content += i + '.gif);"></div>';
					}
					$("#slideshow").html(btn_content);
					$("#slideshow").fadeIn(500);
					curr_mid_awards++;
				});
			}, 0, true);
		},
		error: function(){
			alert('Error while loading ...');
		},
		each: function(url){
			//alert('This file was loaded ' + url);
		}
	});
});