var speed = 800;


// ***************
document.onkeyup = KeyCheck;       
var browserwidth = 	$(window).width();
var scrollwidth = (browserwidth / 2);

function KeyCheck(e)

{
	
   var KeyID = (window.event) ? event.keyCode : e.keyCode;
	if(KeyID == 37){
		$('.gallery').scrollTo('-='+scrollwidth, 800);
		}
	if(KeyID == 39){
		$('.gallery').scrollTo('+='+scrollwidth, 800);
		}
     
    
/*alert(KeyID);*/


   
}



//****************
var pictureIsOpen = false;
var curpicurl ='';

function sizeSlider(){

	var  browserwidth = parseInt($(window).width())/2;
	var	 lengte = parseInt($('#mothertable').css('width'));
	var  breedte = lengte + browserwidth;
	//alert(breedte);
	$('.slider').css('width',breedte+'px');

}

$(document).ready(function() {

	var browserwidth = 	$(window).width();
	var scrollwidth = (browserwidth / 2);



	$(window).resize(function() {
		var browserwidth = 	$(window).width();	
		$('.hoi').html(scrollwidth);
	});

	$('.next').click(function() {

	   	if(pictureIsOpen==true){	   	
			var ndx=0;
			var picarr=[];
			
	   		$('.plaatje').each(function(){
	   			var imglink = $(this).attr("imglink");
	   			if(imglink == curpicurl ){
	   				nxtlink = ndx+1;
	   			} 
	   			picarr[ndx] = imglink;
	  			ndx++;
	   		});
			
			if(nxtlink==ndx){			
				showPhoto(picarr[0]);				
			} else {
				showPhoto(picarr[nxtlink]);
			}
	   	} else {
			sizeSlider();
	   		$('.gallery').scrollTo('+='+scrollwidth, 800);	   	
	   	}
	   	
	});
	
	$('.prev').click(function() {
	   	if(pictureIsOpen==true){	   	
			var ndx=0;
			var picarr=[];
			
	   		$('.plaatje').each(function(){
	   			var imglink = $(this).attr("imglink");
	   			if(imglink == curpicurl ){
	   				nxtlink = ndx-1;
	   			} 
	   			picarr[ndx] = imglink;
	  			ndx++;
	   		});
			
			if(nxtlink<0){
				nxtlink = (ndx-1);
			}
			if(picarr[nxtlink]==''){			
				showPhoto(picarr[0]);				
			} else {
				showPhoto(picarr[nxtlink]);
			}
	   	} else {
			sizeSlider();
	   		$('.gallery').scrollTo('-='+scrollwidth, 800);	   	
	   	}

	});

	$('.portfoliolink').click(function() {
	
		if ($('.portfolio').is(':hidden')) {
		
			$('.contact').fadeOut(speed, function() {

				$('.impressum').fadeOut(speed, function() {
		
					$('.gallery').fadeOut(speed, function() {
				
						$('.portfolio').fadeIn(speed);
					});
				
				});
			
			});
		
		} else {
		
			$('.portfolio').fadeOut(speed);
			
		}
	
	});
	
	
	$('.contactlink').click(function() {
	
		if ($('.contact').is(':hidden')) {
		
			$('.portfolio').fadeOut(speed, function() {
			
				$('.gallery').fadeOut(speed, function() {

					$('.impressum').fadeOut(speed, function() {

			
						$('.contact').fadeIn(speed);

					});
					
				});
			
			});
		
		} else {
		
			$('.contact').fadeOut(speed);
			
		}
	
	});
	
	
	$('.impressumlink').click(function() {
	
		if ($('.impressum').is(':hidden')) {
		
			$('.portfolio').fadeOut(speed, function() {
			
				$('.gallery').fadeOut(speed, function() {

					$('.contact').fadeOut(speed, function() {

			
						$('.impressum').fadeIn(speed);

					});
					
				});
			
			});
		
		} else {
		
			$('.impressum').fadeOut(speed);
			
		}
	
	});	
	
	
	
	$('.overlay').click(function() {
		/*
		$('.overlay').fadeOut(speed);
		$('.overlaybox').fadeOut(speed);
		$('.cross').fadeOut(speed);
		*/
	});
	
	$('.overlaybox').click(function() {
		$('.overlay').fadeOut(speed);
		$('.overlaybox').fadeOut(speed);
		$('.cross').fadeOut(speed);
		$('.gallery').css("opacity",1);
		pictureIsOpen = false;
	});
	
	$('.cross').click(function() {
		$('.overlay').fadeOut(speed);
		$('.overlaybox').fadeOut(speed);
		$('.cross').fadeOut(speed);
		$('.gallery').css("opacity",1);
		pictureIsOpen = false;
	});
	
});

     function getGallery(groupserial){
     	var html = $.ajax({
			 		url: "slidecontent.php?groupserial="+groupserial,
 					async: false
		}).responseText;
		
		$('.overlay').fadeIn(speed);
		
		$('.portfolio').fadeOut(speed, function() {
			//$('body').css('background', '#000000'); 
			$(".slider").html(html);
			$('.gallery').fadeIn(speed);
			
		});	
     }   
     
     
     function showPhoto(groupserial, title) {
     
     	$('.imagebox').html("<img src='"+groupserial+"' class='theimage'>");
     	$('.txt').html(title);
     	var boxleft = ($(window).width()/2) - 400;
     	
     	$('.overlaybox').css('margin-left', boxleft);
		
		$('.overlay').fadeIn(speed);
		$('.overlaybox').fadeIn(speed);
		$('.cross').fadeIn(speed);
		$('.gallery').css("opacity",0.3);
		pictureIsOpen = true;
		curpicurl = groupserial;
     }
     
     
     $('.popupimage').click(function() {
		
		var imagelink = $(this).attr("imglink");
		$('.imagebox').html("<img src='"+imagelink+"' class='theimage'>");
		
		var boxleft = ($(window).width()/2) - 400;
		
		$('.overlaybox').css('margin-left', boxleft);
		
		$('.overlay').fadeIn(speed);
		$('.overlaybox').fadeIn(speed);
	
	});