$(function() {
	var curPanel2			= 1;
	var currently_animating = 0;
	var najboljTimeout 		= true;
	var moving 				= false;
	var totalPanels			= $(".najboljprodjano_panel").size();
	var totalPanels2		= $(".zadnjeogledano_panel").size();
	var regWidth			= 82;
	var movingDistance	    = 174;
//	if (vIE()==6) {
//	var movingDistance		= 150;
//	}
	var curWidth			= 103;

	var $panels2			= $('.zadnjeogledano_panel');
	var $panels				= $('.najboljprodjano_panel');
	$panels.animate({ "opacity": 0.6 });
	if (vIE()==6) {
		$panels.css("width",'152px');
		$panels2.css("width",'152px');
	}
	var $container			= $('.najboljprodjano_scrollContainer');
	var $container2			= $('.zadnjeogledano_scrollContainer');
	
	$container.mouseenter(function() {
		$(this).data("mouseinside",true);
	});
	$container.mouseleave(function() {
		$(this).data("mouseinside",false);
	});
	
	$container.css('left','350px');
	$container2.css('left','350px');
	$panels.css({'float' : 'left','position' : 'relative'});
	$panels2.css({'float' : 'left','position' : 'relative'});
	$container
		.css('width', (totalPanels*300) + 100 );
	$container2
		.css('width', (totalPanels*300) + 100 );		
//	if (vIE()==6) {
//		$container.css('left','-100px');
//	}
	function returnToNormal(element) {
		$(element)
			.find("img")
			.animate({ height: regWidth });
		$(element).animate({ "opacity": 0.6, "marginTop":51 });
		$(element).find(".imagecontainer").animate({ height: 155 });
		$(element).find(".link").animate({ fontSize: "10px" });
		$(element).find(".imagelink").animate({ paddingBottom: 8 });		
	};
	
	function growBigger(element) {
		$(element)
			.find("img")
			.animate({ height: curWidth });
		$(element).animate({ "opacity": 1, "marginTop":26 });
		$(element).find(".imagecontainer").animate({ height: 184 });
		$(element).find(".link").animate({ fontSize: "12px" });
		$(element).find(".imagelink").animate({ paddingBottom: 13 });		
	}
	
	//direction true = right, false = left
	function change(direction) {
		if (currently_animating==0) {
			//if not at the first or last panel
			if((direction && !(curPanel < totalPanels)) || (!direction && (curPanel <= 1))) {
				if (!direction && (curPanel <= 1)) {
				// first -> gremo na zadnjega
				//if not currently moving
					if ((moving == false)) {
						
						moving = true;
						
						var next         = totalPanels;
						var leftValue    = $(".najboljprodjano_scrollContainer").css("left");
						var movement	 = parseFloat(leftValue, 10) - movingDistance*(totalPanels-1);
						$(".najboljprodjano_scrollContainer")
							.stop()
							.animate({
								"left": movement
							}, function() {
								moving = false;					
							});			
						returnToNormal("#najboljprodjano_panel_"+curPanel);
						growBigger("#najboljprodjano_panel_"+next);			
						
						curPanel = next;
						
					}			
				
				}
				if ((direction && !(curPanel < totalPanels))) {
					if ((moving == false)) {
						
						moving = true;
						
						var next         = 1;
						var leftValue    = $(".najboljprodjano_scrollContainer").css("left");
						var movement	 = parseFloat(leftValue, 10) + movingDistance*(totalPanels-1);
						$(".najboljprodjano_scrollContainer")
							.stop()
							.animate({
								"left": movement
							}, function() {
								moving = false;					
							});			
						returnToNormal("#najboljprodjano_panel_"+curPanel);
						growBigger("#najboljprodjano_panel_"+next);			
						
						curPanel = next;
						
						if (najboljTimeout&&totalPanels2>0) {
						
							$(".zadnje_ogledano_gumb").click();
							najboljTimeout=true;
						}
						
						
					}			
				}
			}	
			
			//if not currently moving
			if ((moving == false)) {
				
				moving = true;
				
				var next         = direction ? curPanel + 1 : curPanel - 1;
				var leftValue    = $(".najboljprodjano_scrollContainer").css("left");
				var movement	 = direction ? parseFloat(leftValue, 10) - movingDistance : parseFloat(leftValue, 10) + movingDistance;
				$(".najboljprodjano_scrollContainer")
					.stop()
					.animate({
						"left": movement
					}, function() {
						moving = false;					
					});			
				returnToNormal("#najboljprodjano_panel_"+curPanel);
				growBigger("#najboljprodjano_panel_"+next);			
				
				curPanel = next;
				
			}
		
		} else {
		
			//if not at the first or last panel
			if((direction && !(curPanel2 < totalPanels2)) || (!direction && (curPanel2 <= 1))) {
				if (!direction && (curPanel2 <= 1)) {
				// first -> gremo na zadnjega
				//if not currently moving
					if ((moving == false)) {
						
						moving = true;
						
						var next         = totalPanels2;
						var leftValue    = $(".zadnjeogledano_scrollContainer").css("left");
						var movement	 = parseFloat(leftValue, 10) - movingDistance*(totalPanels2-1);
						$(".zadnjeogledano_scrollContainer")
							.stop()
							.animate({
								"left": movement
							}, function() {
								moving = false;					
							});			
						returnToNormal("#zadnjeogledano_panel_"+curPanel2);
						growBigger("#zadnjeogledano_panel_"+next);			
						
						curPanel2 = next;					
						
					}			
				
				}
				if ((direction && !(curPanel2 < totalPanels2))) {
					if ((moving == false)) {
						
						moving = true;
						
						var next         = 1;
						var leftValue    = $(".zadnjeogledano_scrollContainer").css("left");
						var movement	 = parseFloat(leftValue, 10) + movingDistance*(totalPanels2-1);
						$(".zadnjeogledano_scrollContainer")
							.stop()
							.animate({
								"left": movement
							}, function() {
								moving = false;					
							});			
						returnToNormal("#zadnjeogledano_panel_"+curPanel2);
						growBigger("#zadnjeogledano_panel_"+next);			
						
						curPanel2 = next;
						
						if (najboljTimeout) {
						
							$(".najbolj_prodajano_gumb").click();
							najboljTimeout=true;
						}	
						
					}
				}
			}
			
			//if not currently moving
			if ((moving == false)) {
				
				moving = true;
				
				var next         = direction ? curPanel2 + 1 : curPanel2 - 1;
				var leftValue    = $(".zadnjeogledano_scrollContainer").css("left");
				var movement	 = direction ? parseFloat(leftValue, 10) - movingDistance : parseFloat(leftValue, 10) + movingDistance;
				$(".zadnjeogledano_scrollContainer")
					.stop()
					.animate({
						"left": movement
					}, function() {
						moving = false;			
					});
				returnToNormal("#zadnjeogledano_panel_"+curPanel2);
				growBigger("#zadnjeogledano_panel_"+next);			
				
				curPanel2 = next;
				
			}			
		
		
		
		
		
		}
		
	}
	
	// Set up "Current" panel and next and prev
	growBigger("#najboljprodjano_panel_1");	
	var curPanel = 1;
	
	growBigger("#zadnjeogledano_panel_1");
	var curPanel2 = 1;

	najboljTimeoutFunction = function changeTimeOut() {
		if (najboljTimeout) {
			if ($container.data("mouseinside")!=true) {
			change(true); }
			setTimeout(najboljTimeoutFunction,2000);
		}
	}

	setTimeout(najboljTimeoutFunction,2000);
	
	//when the left/right arrows are clicked
	$(".forward").click(function(){ najboljTimeout=false;change(true); });
	$(".previous").click(function(){najboljTimeout=false; change(false); });
	
	$(".najbolj_prodajano_gumb").click(function() {
		currently_animating = 0;
		najboljTimeout=false;
		$(this).addClass("active");
		$(".zadnje_ogledano_gumb").removeClass("active");
		$(".slideContainer").animate({ top: "0px" });
	
	});
	
	$(".zadnje_ogledano_gumb").click(function() { 
		najboljTimeout=false;
		currently_animating = 1;
		$(this).addClass("active");
		$(".najbolj_prodajano_gumb").removeClass("active");
		$(".slideContainer").animate({ top: "-225px" });
	
	});	
	
	
});