// Globals
var searchText = 'Skriv sökord här';
//
//
$(function() {
	fadeInBoxes();
	initSearchBox();
	handleFocus();
	initSlider();
});

function fadeInBoxes(){
	$('.smallBox').each(function(i) {
		var _this = this;
		window.setTimeout(function(){ setVisible(_this)	}, i*50);		
	});
}

function setVisible (item) {
	//$(item).css('visibility', 'visible');
	$(item).fadeIn(200);
}

function initSearchBox(){
	$('#searchheader').hover(
		function (){
			$('#searchField').stop();
			$("#searchField").show().css({opacity: 0}).animate({ 
			        opacity: 1.0
			      }, 500 );
			$('#searchsubmit').stop();
			$("#searchsubmit").animate({ 
			        backgroundColor: '#ececec'
			      }, 500 );
		},
		function (){
			if (/*$('#searchField').val() == '' ||*/ $('#searchField').val() == searchText) {
				$('#searchField').stop();
				$("#searchField").animate({ 
				        opacity: 0
				      }, 500);
				$('#searchsubmit').stop();
				$("#searchsubmit").animate({ 
				        backgroundColor: '#fff'
				      }, 500 );
			};	
		}	
	);
}

function handleFocus(){
	$("#searchField").val(searchText)
	$("#searchField").focus(function () { 
		if ($(this).val() == searchText) {$(this).val('')}; 
	});
	$("#searchField").blur(function () { 
		if ($(this).val() == '') {$(this).val(searchText)}; 
		$('#searchField').stop();
		$("#searchField").animate({ 
		        opacity: 0
		      }, 500);
		$('#searchsubmit').stop();
		$("#searchsubmit").animate({ 
		        backgroundColor: '#fff'
		      }, 500 );
	});
}

// SLIDER
$move_by = 940;
$frame_left = 0;
$frame_no = 1;
$start_middle = 0;

function initSlider(){
	$max_clicks = $("#image_container").children().size(); 	
	/* Kudos to Rob MacKay [http://www.twitter.com/svgrob] for suggesting that we don't have to put a static style="width: 3960px" attribute in the div tag */
	$imgCont = $move_by * $max_clicks; 
	
	$("#image_container").css({width : $imgCont});
	
	if($start_middle == 1)
		{
			// Get the middle frame, according to the $max_clicks
			$new_frame_no = ($max_clicks/2).toFixed(0)
			
			// Adjust the frame position
			$new_left = -($new_frame_no * $move_by);						
			$new_left_attr = $new_left+"px";
			
			// Do the move
			$("#image_container").animate({left: $new_left_attr}, 800 );
			
			// Save the new values
			$frame_left = $new_left;
			$frame_no = ($new_frame_no/1 + 1);
		}
	
	$(".prev").click(function()
		{
			/* Set the new position & frame number */
			$new_frame_no = (($frame_no/1)-1);
			$new_left = (($frame_left/1) + $move_by);
			/* Check if we're moving too far over */
			if($new_frame_no <= 0)
				{
					/* Move the images all the way left, minus one frame */
					$new_left = -($move_by*$max_clicks)+$move_by;
					$new_frame_no = $max_clicks;
				}
			$new_left_attr = $new_left+"px";
			$("#image_container").animate({left: $new_left_attr}, 800 );
			$frame_left = $new_left;
			$frame_no = $new_frame_no;
			
		});
	$(".next").click(function()
		{
			/* Set the new position & frame number */
			$new_frame_no = (($frame_no/1)+1);
			$new_left = (($frame_left/1) - $move_by);
			/* Check if we're moving too far over */
			if($new_frame_no > $max_clicks)
				{		
					/* Move all the way right, to the beginning*/
					$new_left = 0;
					$new_frame_no = 1;
				}				
			$new_left_attr = $new_left+"px";
			$("#image_container").animate({left: $new_left_attr}, 800 );
			$frame_left = $new_left;
			$frame_no = $new_frame_no;
		});
}