/* Author: */
	$.fn.Parallax = function(refrence){
			//refrence is the current active layer.
			
			var offset = $(this).offset();
			var span = $(this).width();
			
			var $layerOne = $(".layer-one", $(refrence));
			var firs_pos = $layerOne.offset();
			var layerOne = $layerOne.position();
			
			var $layerThree = $(".layer-three", $(refrence));
			var layerThree = $layerThree.position();
			
			$(this).mousemove(function(event) {
					//percent = currentDistance * 100 / maxDistance;
					bannerSize = {width:990, height:325};
					direction = 'left';
					
					// IE workaround
					if(event.layerX ==  undefined)
						event.layerX = event.pageX - offset.left;
					
					if(event.layerX > bannerSize.width/2)
						direction = 'right';
					
					if(direction == 'left')
						percent = Math.round(event.layerX*100/(bannerSize.width/2));
					else
						percent = Math.round((event.layerX - (bannerSize.width/2))*100/(bannerSize.width/2));
							
					//console.log(percent);
					percentUp = Math.round((event.pageY- offset.top)*100/bannerSize.height); 

					var layerOneMoveY = 30 * percentUp /100;
					var layerThreeMoveY = 20 * percentUp /100;
					
					
					var layerOneMove = 50 * percent /100;
					var layerThreeMove = 20 * percent /100;
						
						if(direction == 'left'){
							$layerOne.css('left',layerOneMove + (layerOne.left - 50));
							$layerThree.css('left',(layerThree.left+20) - layerThreeMove);
						}else{
							$layerOne.css('left',layerOne.left + layerOneMove);
							$layerThree.css('left',layerThree.left - layerThreeMove);
						}
						
						$layerOne.css('top',layerOneMoveY + layerOne.top);
						$layerThree.css('top',layerThree.top - layerThreeMoveY);
						
			});
			
			/*
			$("#homeBanner").mouseout(function(){
				$("#homeBanner .layer-one").css('left',layerOne.left);
				$("#homeBanner .layer-two").css('left',layerTwo.left);
				$("#homeBanner .layer-three").css('left',layerThree.left);
			});*/
		}

	    function Quiz() {
            $('#lblQuiz').text($('#lblQuiz').text().replace('*', '+'));
            $('#lblQuiz').text($('#lblQuiz').text().replace('/', '-'));
        }

	    $(document).ready(function ($) {

	        Quiz();

	        function determine_x_pos(obj) {
	            //parameter obj is something like $('#my-div')
	            var pos = $(obj).css("background-position");
	            if (pos == 'undefined' || pos == null) {
	                pos = $(obj).css("background-position-x"); //die in hell
	            } else {
	                pos = pos.split(" ")[0];
	            }
	            return pos || 0; //yes returning a 0 on fail  is bad but its for demo!
	        }

	        $("#moveOverlay").unbind().Parallax($("#homeBanner"));

	        var counter = 0;
	        var tourCounter = 0;
	        // --- TIMER
	        var dumbBrowser = $('html').hasClass('no-csstransitions');

	        var timer = function () {

	            if (counter == 3) {
	                counter = 0;
	                tourCounter++;
	            }

	            //only play this 3 times and stop at last item
	            if (tourCounter == 3) {
	                $("#homeBanner").stopTime();
	            }

	            if (dumbBrowser == true) {
	                var bgX = 0;
	                var $current = $("#homeBanner li.active");
	                if ($current.length) {
	                    bgX = determine_x_pos($current);

	                    $current.animate({
	                        'background-position': bgX + ' 0px'
	                    }, 500, 'swing', function () {
	                        $(this).removeClass('active');
	                    });
	                }
	                var $next = $("#homeBanner li:eq(" + counter + ")");

	                bgX = determine_x_pos($next);

	                if (tourCounter < 3)
	                    $next.animate({
	                        'background-position': bgX + ' -246px'
	                    }, 500, 'swing', function () {
	                        $(this).addClass('active');
	                    });
	            } else {
	                //this should animate trough css transitions
	                $("#homeBanner li.active").removeClass('active');
	                if (tourCounter < 3)
	                    $("#homeBanner li:eq(" + counter + ")").addClass('active');
	            }

	            counter++;
	        }
	        $("#homeBanner").everyTime(2500, timer);



	        $("#mainFooter li a").each(function () {
	            $(this).click(function (e) {
	                $($(this).attr('href')).dialog({ modal: true, width: 800 });
	                e.preventDefault();
	            })
	        })

	    })