function preload(arrayOfImages) {
    $(arrayOfImages).each(function(){
        $('<img/>')[0].src = this;
        // Alternatively you could use:
        // (new Image()).src = this;
    });
}

$(document).ready(function(){
		
                
                preload([
                    "slider_testy/imgs/accountant.jpg",
                    "slider_testy/imgs/business-challenges.jpg",
                    "slider_testy/imgs/tax-guide.jpg",
                    "slider_testy/imgs/melrob.jpg"
                ]);
                
		$.ajaxSetup ({ cache: false});
		function MoveArrow(active, arrow){
			var activePosition = $(active).position();
			
			var activeWidth = $(active).outerWidth();
			var activeCenter = activeWidth/2;
			
			var arrowWidth = $(arrow).outerWidth();
			var arrowCenter = arrowWidth/2;
			
			$(arrow).css({"left":(activePosition.left+(activeCenter-arrowCenter))});
		}
		
		function SetActive( page ){
			$(".slide_link").each(function(){
				if( $(this).attr("href") == page ){
					$(this).addClass("active");
					MoveArrow($(this), $("#slider_arrow"));
				}else{
					$(this).removeClass("active");
				}
			});
			
		}
		
		function LoadPage( page ){
			$.get('slider_testy/pages/'+page, {} ,function(data){
				$("#slider_box").html(data);
                              
			}, "html");
			SetActive( page );
		}
		
		
		
		
		
		$.getJSON('slider_testy/slider_javascript_vars.php', {fun:"options"}, function(data) {
			var obj = [];
					  	
			$.each(data, function(key, val) {
				obj[key] = val;
		  	});
			
			var navHeight 	= $("#slider_nav").outerHeight()-3;
			var navWidth	= $("#slider_nav").outerWidth()-3;
			var boxHeight 	= obj["HEIGHT"];
			var boxWidth 	= obj["WIDTH"];
			
			var SliderBoxHeight = boxHeight;
			var SliderBoxWidth = boxWidth;
			
			if( obj["USE_NAVIGATION"] == true )
			{
				switch( obj["NAV_POSITION"] )
				{
					case "NAV_TOP":
						SliderBoxHeight = boxHeight-navHeight;
						SliderBoxWidth 	= boxWidth;
						break;
					case "NAV_RIGHT":
						SliderBoxHeight = boxWidth;
						SliderBoxWidth 	= boxWidth-navWidth;
						break;
					case "NAV_BOTTOM":
						SliderBoxHeight = boxHeight-navHeight;
						SliderBoxWidth 	= boxWidth;
						break;
					case "NAV_LEFT":
						SliderBoxHeight = boxWidth;
						SliderBoxWidth 	= boxWidth-navWidth;
						break;
				}
			}
			
			
			$("#slider_box").height(SliderBoxHeight);
			$("#slider_box").width(SliderBoxWidth);
			
			
			$.getJSON('slider_testy/slider_javascript_vars.php', {fun:"pages"}, function(data) 
			{
				var pages = [];
					  	
				$.each(data, function(key, val) {
					pages[key] = val;
		  		});
				
				//Load in First Page we find
				$.get('slider_testy/pages/'+pages[0], {} ,function(data){
					$("#slider_box").html(data);
                                    
				}, "html");
				SetActive( pages[0] );
				
				//Start the timer for loading in the other pages!
				var howmany = pages.length;
				//We are already on page 0 so start at 1!
				var page = 1;
				
				var timer =  obj["TIMER"] * 1000;
				
				$(document).everyTime(timer, "Slider", function(){
					if( page == howmany ){
						page = 0;
					}
					
					LoadPage(pages[page]);
					
					page++;
				});
                                
                                $(".slide_link").click( function(){
			
                                        LoadPage( $(this).attr("href") );
                                        $(document).stopTime();
                                        $(document).everyTime(timer, "Slider", function(){
                                                if( page == howmany ){
                                                        page = 0;
                                                }

                                                LoadPage(pages[page]);
                                                $("#slider_box").css("z-index", 100);
                                                page++;
                                        });    
                                        return false;
                                });
				
			});
			
		});
		
		
		
	}
);