$(document).ready(function() {
	//DISPLAY ELEMENTS ONCE READY
	$('#carouselWrap').css('display' , 'block');

	// clear form input on focus
	var clearMePrevious = ''
	$('.valueControl').focus(function() {
		if($(this).val()==$(this).attr('title')) {
			clearMePrevious = $(this).val();
			$(this).val('');
		}
	});
	// if field is empty afterward, add text again
	$('.valueControl').blur(function() {
		if($(this).val()=='') {
			var prevTitle = $(this).attr('title');
			$(this).val(prevTitle);
		}
	});

	$('#emailSignupForm').submit(function() {
		$('.swapA').css('display','none');
		$('.swapB').css('display','block');
		$('#emailSignupWrap').css('background','url(/libraries/images/lnf/email-signup-back-blank.gif)');
	});


	if (!$.browser.msie || $.browser.version > 7) {
		$("#cloudHolder").clouds({
	    clouds: [
	    	{src:'cloud-1.gif',x:-120,y:25,speedX:-1},
	    	{src:'cloud-2.gif',x:-250,y:130,speedX:-2},
	    	{src:'cloud-3.gif',x:150,y:90,speedX:-2.5}
	    ],
	    folder: '/libraries/images/lnf/',
	    speed: 100,
	    fader: !$.browser.msie
		});
	}
	
	$("#mainMLS,#closeMLSForm").click(function() {
		if ($("#topMLSForm").is(":visible")) {
			$("#topMLSForm").slideUp(1500);
		} else {
			$("#topMLSForm,").slideDown(2000, "easeOutBounce");
		}
		return false;
	});
		
	// CAROUSEL CONTROLS
	/* Public vars */
	var carOffset = 0;
	var carrWidth = 2000;
	var carCurrentPos = 0;
	var carCount = 1;
	var carTotal = $(".carouselItem").size();
	var carStep = 0;
		
	function resizeCar() {
		var scherm = $(window).width();
		if(carTotal == 1) {
			$(".next").css("display", "none");
		}
		
		if(scherm < 1700) { 
			//alert("scale 1: " + carStep + " | " + carCount);
			
			$(".carouselItem").css("width", "2000px");
			
			carOffset = ((2000-scherm)/2)-0;
			carrWidth = 2000;
			carStep = (carrWidth)
			carCurrentPos = "-"+carOffset;
			var newPos = carOffset;
			if(carCount > 1) {
				//alert("groter dan 1 " + carStep + " | walk: ");
				newPos = carStep * (carCount-1);
				//alert("new steps: "+ carStep);
				carCurrentPos = "-"+(newPos+carOffset);
				newPos = (newPos+carOffset);
				
				//alert("newspos: " +newPos);
			}
			$("#carouselHolder").css("left", "-" + newPos + "px");
		} else {
			if(carOffset > 0) {
				//alert("scale 2");
				$("#carouselHolder").css("left", "0px");
				
				carCurrentPos = 0;//carCurrentPos - carOffset;
				carOffset = 0;
				carrWidth = scherm;
				carStep = (carrWidth+carOffset);
				
				var newPos = 0;
				if(carCount > 1) {
					//alert("groter dan 2");
					newPos = carStep * (carCount-1);
					//alert("new steps: "+ carStep);
					carCurrentPos = "-"+newPos
					$("#carouselHolder").css("left", "-" + newPos + "px");
					
				}
				$(".carouselItem").css("width", scherm+"px");
			} else {
				//alert("scale 3");
				$(".carouselItem").css("width", scherm+"px");
				carCurrentPos = carCurrentPos - carOffset;
				carrWidth = scherm;
				carOffset = 0;
				carStep = (carrWidth+carOffset)
			}
		}
	}
	
	/* Carousel commands */
	$(".previous").css("display", "none");
	$(".carRight").click(function() {
		if(carCount != carTotal) {
			//alert("currentStep: "+ carStep);
			//alert("currentPos1: "+ carCurrentPos);
			carCurrentPos = carCurrentPos - carStep;
			//alert("currentPos2: "+ carCurrentPos);
			
			
			$("#carouselHolder").animate({
				left: carCurrentPos+"px"
			}, 1000);
			
			$(".carLinkLeft").remove();
			$(".carLinkRight").remove();
			carCount = carCount + 1;
			
			$(".previous").css("display", "block");
			if(carCount == carTotal) {
				$(".next").css("display", "none");
			}
		}
	});
	$(".carLeft").click(function() {
		if(carCount != 1) {
			//alert("count: " + carCount);
			//alert("pos: " + carCurrentPos + " step: "+carStep);
			carCurrentPos = (carCurrentPos*1) + (carStep*1);

			//alert("pos2: " + carCurrentPos + " step2: "+carStep);
			$("#carouselHolder").animate({
				left: carCurrentPos+"px"
			}, 1000);
			$(".carLinkLeft").remove();
			$(".carLinkRight").remove();
			carCount = carCount - 1;
			$(".next").css("display", "block");
			if(carCount == 1) {
				$(".previous").css("display", "none");
			}
		} 
	});
		
	
	// Execute
	resizeCar();
	$(window).resize(resizeCar);	
});


$.fn.clouds = function(settings) {
	settings = $.extend({
		clouds: [],
		folder: '/',
		speed: 1,
		opacityStep: 0.02,
		fader: true
	}, settings);
	return this.each(function(n, item) {
		var self = $(item);
		$.each(settings.clouds, function(c, cloud) {
			var cImg = new Image();
			$(cImg).load(function() {
				var cDiv = $('<div class="cloud"></div>');
				cDiv.css({
					top: cloud.y+"px",
					left: cloud.x+"px",
					width: cImg.width+"px",
					height: cImg.height+"px",
					backgroundImage: 'url('+this.src+')',
					zIndex: 2
				});
				self.append(cDiv);
				var o = settings.opacityStep;
				cloud.currentO = Math.random();
				cDiv.css({opacity: cloud.currentO});
				window.setInterval(function() {
					if (settings.fader) {
						if (cloud.currentO > 1.0) o = -settings.opacityStep;
						if (cloud.currentO < 0.3) o = +settings.opacityStep;
						cloud.currentO += o;
						cDiv.css({opacity: cloud.currentO});
					}
					var currentLeft = parseInt(cDiv.css("left"));
					cDiv.css({left: (currentLeft - cloud.speedX)+'px'});
					if (cDiv.offset().left > $(document).width() - self.offset().left) {
						var s = -cImg.width;
						cDiv.css({left: s+"px"});
					}
				}, settings.speed);
			});
			cImg.src = settings.folder + cloud.src;
		});
	});
}