//	[VARS]
//	-----------------------------------------------------------------
		var xmlData;
		var xmlDataLength;
		var activeBullet;
		var counter = 1;
		var autoSlideTime = 6000;
		var slideHeight = 530;


//	[XML] Load
//	-----------------------------------------------------------------
		function loadXML() {

			$.ajax({
        type: "GET",
				url: "xml/slider.xml",
				dataType: "xml",
				success: function(xml) {
					xmlData = xml;
					xmlDataLength = $(xmlData).find('item').length;
					threatXML();
				}
			});

		};


//	[XML] Threat Data
//	-----------------------------------------------------------------
		function threatXML() {

			//	Create bPreviouse
			var $bPrevious = ' \
				<a href="javascript:;" onclick="previousSlide()"> \
					<img src="img/slider_arrow_previous.gif"> \
				</a> \
				<a href="javascript:;" onclick="previousSlide()">Vorige</a> \
			';
			$('.slider-controls .bPrevious').append( $bPrevious );


			//	Create bNext
			var $bNext = ' \
				<a href="javascript:;" onclick="nextSlide()">Volgende</a> \
				<a href="javascript:;" onclick="nextSlide()"> \
					<img src="img/slider_arrow_next.gif"> \
				</a> \
			';
			$('.slider-controls .bNext').append( $bNext );


			//	Loop XML items create slides
			$(xmlData).find('item').each(function(){

				//	Vars
				var sTitle = 	$(this).find('title').text();
				var sPath = 	$(this).find('path').text();
				var sFileName = 	$(this).find('filename').text();

				//	Slide attributes
				var slideTopPos = "top:" + (counter-1) * slideHeight + "px";
				var slideName = "slide-" + counter;

				//	Slide
				var $slide = ' \
					<div class="slide-item" id="'+slideName+'" style="'+slideTopPos+'"></div> \
				';
				$('.slider').append( $slide );
				
				// Load The Slide
				$("#"+slideName).load(sPath+sFileName);

				//	Controls attributes
				var bSlideName = "bSlide-" + counter;

				//	Controls
				var $pagination = ' \
					<div><a href="javascript:;" id="'+bSlideName+'" onclick="slideTo('+counter+')"><img src="img/slider_bullet.gif" border="0"></a></div> \
				';
				$('.slider-controls .pagination').append( $pagination );
				
				//	Set Alpha first item active
				if(counter == 1) {
					activeBullet = $("#"+bSlideName)
				}else{
					$("#"+bSlideName).animate({opacity:0.3}, 1000, "expoEaseOut");
				}

				//	Update
				counter++;
			});

			//	Width bar
			$('.slider-controls .pagination').css( "width", counter*9 );
			$('.slider-controls .pagination').css( "margin", "auto" );

			//	Clear counter
			counter = 1;

			//	Cufon
			Cufon.replace('.bPrevious a', {hover:true});
			Cufon.replace('.bNext a', {hover:true});
			
			//	Start Interval
			intSlider(autoSlideTime);
			hoverSlide();
		};


//	[SLIDER] Slide To
//	-----------------------------------------------------------------
		function slideTo(id) {

			//	Counter
			counter = id;

			//	Vars
			var easeType = "expoEaseOut";
			//var easeType = "bounceEaseOut";
			//var easeType = "elasticEaseOut";
			var aniTime = 3000;

			// Animate Bullet alpha
			activeBullet.animate({opacity:0.3}, aniTime, easeType);
			$("#bSlide-"+counter).animate({opacity:1}, aniTime, easeType);
			activeBullet = $("#bSlide-"+counter)

			//	Length of the xml data
			var xmlLength = $(xmlData).find('item').length+1;

			//	Animate
			for (i=1; i < xmlLength; i++) {
				rankPos = (i) * slideHeight;
				newPos = rankPos - (id*slideHeight);
				$("#slide-"+i).animate({top:newPos}, aniTime, easeType);
			};
		};


//	[SLIDER] Previous Slide
//	-----------------------------------------------------------------
		function previousSlide() {
			
			// Check Counter and update
			if(counter == 1) {
				counter = xmlDataLength;
			}else{
				counter--;
			}

			slideTo(counter);
		};


//	[SLIDER] Next Slide
//	-----------------------------------------------------------------
		function nextSlide() {

			// Check Counter and update
			if(counter == xmlDataLength) {
				counter = 1;
			}else{
				counter++;
			}

			slideTo(counter);
		};
		
		
//	[SLIDER] Interval
//	-----------------------------------------------------------------
		function intSlider(time) {
			$(".slider").everyTime(time, "int", function() {
    			nextSlide();
  		});
		};
		
		
//	[SLIDER] Hover
//	-----------------------------------------------------------------
		function hoverSlide() {

			$(".slider").hover(

				//	RollOver
				function(){
					//$(".slider").stopTime("int");
				},
	
				//	RollOut
				function() {
					//intSlider(autoSlideTime)
				}

			);
		};
		

//	[SLIDER] UI
//	-----------------------------------------------------------------
		function uiSlide() {
			
			// Vars
			var easeType = "expoEaseOut";
			var aniTime = 2000;
			
			
			//	BG Opacity
			$(".slider-controls-bg").animate({top:360, opacity:0.8}, aniTime, easeType);			
			$(".slider-controls").animate({top:360}, aniTime, easeType);			
			
		};


//	[INIT]
//	-----------------------------------------------------------------
		$(document).ready(function(){
			loadXML();
			uiSlide();
		});