$(function(){  

	var	casepagina = 0;
	if (casepagina > (18-4)) { 
		casepagina = 18-4;
	} 
	var start = casepagina * -135;
  	var end = ((18-4) * -135);

	$('#portfolio-thumbslide-container').css("left",start+"px");	
	$('#portfolio-thumbslide-container').css("display","block");
	$('#portfolio-case').css("visibility","visible");
	repl_url(casepagina);
	check_prevnext(start);

    $("#volgende2").click(function(){
	  var pos = parseInt($('#portfolio-thumbslide-container').css("left"))-135;
		if (pos>=end) { 
	  		$("#portfolio-thumbslide-container").animate({"left": "-=135px"}, 500);
			casepagina++;
		}
		repl_url(casepagina);
		check_prevnext(pos);
    });

    $("#vorige2").click(function(){
	  var pos = parseInt($('#portfolio-thumbslide-container').css("left"))+135;
		if (pos<=0) { 
	      $("#portfolio-thumbslide-container").animate({"left": "+=135px"}, 500);
		  casepagina--;
		}
		repl_url(casepagina);
		check_prevnext(pos);
    });	
	
	function check_prevnext(pos) { 
		if (end==pos) { 
			$('#volgende2').css("display","none");
		} else { 
			$('#volgende2').css("display","block");
		}
		if (pos==0) {  
			$('#vorige2').css("display","none");
		} else { 
			$('#vorige2').css("display","block");
		}  
	} 
	
	function repl_url(casepagina) { 
		$(".thumbnail2 a").each(function() {
			var caseurl = $(this).attr("href");
			var page = caseurl.replace(/^\d+/, '');
					
			var newcaseurl = casepagina+page;
			if (casepagina>0) { 
				$(this).attr("href",newcaseurl);
			} else {
				$(this).attr("href",page);
			}			
		});
	}

	$('#slideshow').cycle({
				 fx: 'fade',
				 timeout:  5000,
				 speed:    500,
				 prev:    '#vorige',
				 next:    '#volgende',
				after:function(curr, next, opts) { 
					var slide = opts.currSlide+1;
					var cnt = opts.slideCount;
					$('#case-img'+slide).addClass("case-active");
					var j=1;
					for (j=1; j<=cnt; j++) { 
						if (j!=slide) { 
							$('#case-img'+j).removeClass("case-active");
							
						}
					} 
					
				}				 
	 });

	var case_id=new Array();
	var cases=new Array();
	var url_case=new Array();
	var sel_case=new Array();
	
	});