$(document).ready(function(){

var settings = {
			'transitionIn'	:	'elastic',
			'transitionOut'	:	'elastic',
			'speedIn'		:	500, 
			'speedOut'		:	500, 
			'overlayShow'	:	true,
			'overlayOpacity'	: 0.85,	
			'overlayColor'	:	'#7EA43D'
}

//imageSwap
function imgswap(idz,img1,img2){
	var ida = $("#"+idz);
	ida.css('background-image','url(http://www.johnandjohn.nl/design_img/'+img1+')');
	ida.html('');
	ida.prepend("<div style='position:relative;'><img src='http://www.johnandjohn.nl/design_img/"+img2+"' style='border:0;position:absolute;left:0px;top:0px;' id='ro_"+idz+"'/></div>");
	$('#ro_'+idz).css('opacity',0);
	var idabef = ida.css("background-image");
	ida.hover(function(){
		if (jQuery.browser.msie) {
			   ida.css("background-image",'url(http://www.johnandjohn.nl/design_img/'+img2+')');
		   }else{
				$('#ro_'+idz).animate({'opacity':1});
		   }
	   },function(){
		   if (jQuery.browser.msie) {
			   ida.css("background-image",idabef);
		   }else{						   
				$('#ro_'+idz).animate({'opacity':0});
		   }
		});
}

//comics============================================================================================
var ci = $('#comicimg');
ci.animate({opacity:'show'},1000);

$('#menu a').hover(function(){$(this).css({'color':'#FFF',top:'-2px'})},
				   function(){$(this).css({'color':'#c4da98',top:'0px'})}
				   );
var $nummerlang;
var epi = $nummerlang;
var numm = $('#nummer');
var nb = $('#nummerbig');
nb.hide();
var numval = numm.text();

if (numval.length == 1){
	numval = '00'+numval;
}else if(numval.length == 2){
	numval = '0'+numval;	
}

for (x=0; x < numval.length; x++){
	xe = x + 1;
	var xb = (numval.charAt(x));
	$('#num'+xe+'a').css('background-image','url(http://www.johnandjohn.nl/design_img/'+xb+'.png)');
	$('#num'+xe+'b').css({
								'background-image':'url(http://www.johnandjohn.nl/design_img/'+xb+'.png)',
								'background-position':'0 -68px'
								});	
	$('#num'+xe+'a').attr('id2',xb);
	$('#num'+xe+'b').attr('id2',xb);	
}
$('#numgo').css({
					 'background-image':'url(http://www.johnandjohn.nl/design_img/go.png)',
					 'background-repeat':'no-repeat'
					 });

function plusone(n){
	var nu = n*1;
	nu = nu + 1;
	if (nu == 10) {nu = 0};
	return nu;
}
function minusone(n){
	var nu = n*1;	
	nu = nu - 1;
	if (nu == -1)  nu = 9;
	return nu;
}

$('.topnum').click(function(){
						var curnum = $(this).attr("id2");
						var nb = $(this).attr("id").replace('num','').replace('a','');
						var newnum = plusone(curnum);
						$(this).attr('id2',newnum);
						$(this).css(
									  'background-image','url(http://www.johnandjohn.nl/design_img/'+newnum+'.png)'
									  );
						$('#num'+nb+'b').attr('id2',newnum);
						$('#num'+nb+'b').css(
									  'background-image','url(http://www.johnandjohn.nl/design_img/'+newnum+'.png)'
									  );
						return false;
});

$('.botnum').click(function(){
						var curnum = $(this).attr("id2");
						var nb = $(this).attr("id").replace('num','').replace('b','');
						var newnum = minusone(curnum);
						$(this).attr('id2',newnum);
						$(this).css(
									  'background-image','url(http://www.johnandjohn.nl/design_img/'+newnum+'.png)'
									  );
						$('#num'+nb+'a').attr('id2',newnum);
						$('#num'+nb+'a').css(
									  'background-image','url(http://www.johnandjohn.nl/design_img/'+newnum+'.png)'
									  );	
						return false;
});

var vgo = $('#numgo');
vgo.click(function(){
				 document.location.href='?episode='+$('#num1a').attr('id2')+$('#num2a').attr('id2')+$('#num3a').attr('id2');
			 });
function nbhide(){
	nb.fadeOut();
    numm.animate({'opacity':1});
	$('#comicimg').css('opacity',1);
	$('#comic').css('background-image','url(http://www.johnandjohn.nl/design_img/comicbg.png)');
}
function nbshow(){
   nb.fadeIn();
   numm.animate({'opacity':0});
   $('#comicimg').css('opacity',0);
   $('#comic').css('background-image','url(http://www.johnandjohn.nl/design_img/comicbgblack.png)');
}
$('#gotocomic').click(function(){nbshow(); return false;});
//$('#nummerbig').hover(function(){},function(){nbhide()});
$('#comic').mouseleave(function(){nbhide();});

imgswap('pointleft','pointleft.png','pointleft_ro.png');
imgswap('pointright','pointright.png','pointright_ro.png');

$('#nipple').hover(function(){
		$(this).stop().animate({'margin-top':'0px'},300,'swing').animate({'margin-top':'-5px'},100).animate({'margin-top':'0px'},100).animate({'margin-top':'-2px'},100).find('img').fadeIn();
		$('#randomHelp').stop(true,true).fadeIn();
	},function(){
		$(this).find('img').stop(true,true).fadeOut();
		$('#randomHelp').fadeOut();
		$(this).stop(true,true).animate({'margin-top':'-65px'},300).animate({'margin-top':'-58px'},100).animate({'margin-top':'-63px'},100).animate({'margin-top':'-60px'},100)
		}).click(function(){
	frndcmc();
	return false;
});



if($('#word').val() == ''){
	$('#word').bind('focus', function(){$(this).css('background-position','0 30px')}).bind('blur', function(){$(this).css('background-position','0 0')});
}else{
	$('#word').css('background-position','0 30px');	
}

//SHARE
$('.addthis_toolbox a').css('opacity',0.3).hover(function(){$(this).stop(true,false).animate({'opacity':1});},function(){$(this).animate({'opacity':0.3});});


//contactme
$('#contactme').click(function(){
   nbhide();
	$('#form1').slideToggle();
});

//writestuff
$('#writestuff').load('../writestuff.php?page=0',function(){
	loadMessPola();															  
	$(window).scroll(function(){
		loadNewMess();
	});
});	
var $pageNum_rs1 = 1;
var kwer = '';
var writestuffId = $('#writestuff').attr('wlid');
if (writestuffId){
	kwer = '&wlid='+writestuffId;	
}
function loadNewMess(){
	if  ($(window).scrollTop() == $(document).height() - $(window).height()){
		$pageNum_rs1 ++;				
		$.get('../writestuff.php?page='+$pageNum_rs1+kwer,function(data){
			$('#writestuff').append(data);
				loadMessPola();			
		});
	}	
}

//function correctShadow(){$('.messageShadow').css('bottom',-25);}

function loadMessPola(){
	$('.messPola').not('.clear').each(function(){
		if ($(this).attr('wlid').length > 0){
			$(this).load('../homepage.php?wlid='+$(this).attr('wlid'),function(){
				$(this).find('.polawait').not('.clear').addClass('clear').animate({'opacity':'1'},300).animate({'opacity':0},5000);
			}).addClass('clear');
		}else{
			$(this).closest('.messageWrap').removeClass('op');
		}
		//setTimeout('correctShadow()',400);
	});	
}

$('#randomballs').hover(function(){
		$(this).stop().animate({'margin-top':'0px'},300,'swing').animate({'margin-top':'-5px'},100).animate({'margin-top':'0px'},50).animate({'margin-top':'-2px'},100).find('img').fadeIn();
		$('#randomballsHelp').stop(true,true).fadeIn('slow');
	},function(){
		$(this).find('img').stop(true,true).fadeOut();
		$('#randomballsHelp').fadeOut('slow');
		$(this).stop(true,true).animate({'margin-top':'-65px'},300).animate({'margin-top':'-58px'},100).animate({'margin-top':'-63px'},100).animate({'margin-top':'-60px'},100)
}).click(function(){
	$('#4sketches').load('../randomsketches.php');
	return false;
});





});
function loadfancy(v1,v2,v3){
	v1.fancybox({
			'transitionIn'	:	'elastic',
			'transitionOut'	:	'elastic',
			'speedIn'		:	500, 
			'speedOut'		:	500, 
			'overlayShow'	:	true,
			'hideOnContentClick'	: true,
			'overlayOpacity'	: 0.85,	
			'overlayColor'	:	'#7EA43D',
			'titleShow'		:	true,
			'width'			:	'80%',
			'height'		:	'80%',	
			'titlePosition'	:	'inside',	
			'showNavArrows'	:	true,			
			'onComplete'	:	function() {
				if (v2 == 'local'){
					$('#fancybox-title').after('<div id="fancyshare"></div>');
//					$('#fancyshare').load('social.php?wlid='+v3,function(){
//						 addthis.init();
//					});
					
				}
			}			
		})	;	
}