$(document).ready(function() {
	/* ajax */
	$(document).on("click", "a.ajax", function(event){ 

		if (this.rel != 'nofollow') {
			var updatediv = 'div' + this.rel;
		} else {
			var updatediv = 'div' + this.id;
		}

		$.get(this.href, {
			'output' : 'ajax'
		}, function(data) {
			$('#' + updatediv).html(data).hide().fadeIn('slow');
		});
		return false;
	});
	
	/* menu */
	var active=$('#menu ul li.active a').attr('title');
	$('#submenu ul li.'+active).show();
	
	$('#menu ul li a').hover(function(){
		$('#submenu ul li').hide();
		$('#submenu ul li.'+$(this).attr('title')).show();
	});
	
	
	/* loginbox */
    $('#loginbox').hover(function(){loginbox();});
        function loginbox(){
      	  $('#loginform .f').hide();
          $('#loginform .r').show();
        }


     /**/
     $('.usermod').click(
 			function(e){
 				e.preventDefault();
 				$('body').append('<div id="mybeoordeling" class="tip" onclick="$(this).remove();"></div>');
				$('#mybeoordeling').html('<p class="forumklein">Om deze post te waarderen moet je eerst inloggen !</p>').hide().fadeIn('slow').fadeOut(3000);
				var a =$('#mybeoordeling').height() + 35;
				var b = Math.round($('#mybeoordeling').width() / 2);
				$('#mybeoordeling').css('top', e.pageY -a);  
				$('#mybeoordeling').css('left', e.pageX -b );  
 			}
 		);
     
     
     $('.info').click(function(e){
 		e.preventDefault();
		$.get('/rest/counter.php');

 		var pageurl= $('<div/>').text($(location).attr('href')).html();
 		var pagetitle= $('<div/>').text(document.title).html();

 		if ($('#about').length == 0){
 			$('#content h1').after('<div style="background-image: url(\'/images/opacity_white_1x1.png\');border: 1px solid #C4860F;margin-bottom: 10px;" id="about"></div>');
 		}

 		$("#about").html('<div style="float:right"><h2 onclick="$(\'#about\').remove();" style="margin:2px 2px 0 0;padding:0">X</h2></div><h2 style="background-image: url(\'/trans2.png\');padding: 5px;margin: 0px;">Over deze pagina</h2>'); 
 		$("#about").append('<div id="innerabout" style="padding:2px 10px;"></div>');

 		$("#innerabout").append('<p><b>Titel</b>: '+pagetitle+'<br /><b>Url</b>: '+pageurl+'</p>');
 		
 		$("#innerabout").append('<h2 style="background:none;margin:14px 0 0 0 ;padding:0;">Link maken</h2>'); 
 		$("#innerabout").append('<p>Als je iemand wilt vertellen over de HondenPage kun je een link maken naar deze pagina. Gebruik hiervoor onderstaande code :<br /><b>html</b>: <input style="font-size:0.8em;width:580px;" type="text" value="<a href=&quot;'+pageurl+'&quot;>'+pagetitle+'</a>"><br /><b>ubb</b>: <input style="font-size:0.8em;width:580px;margin-left:6px;" type="text" value="'+$('<div/>').text('[url='+pageurl+']'+pagetitle+'[/url]').html()+'"></p>'); 
 		
 		$("#innerabout").append('<h2 style="background:none;margin:14px 0 0 0 ;padding:0;">Moderators</h2>');  
 		$("#innerabout").append('<p>Als er iets op deze pagina gebeurt wat tegen de <a href="/faq/regels">regels</a> in gaat van de hondenpage dan kun je een >moderator roepen. Hiervoor moet je wel eerst even inloggen !</a></p>'); 
 		
 		$("#innerabout").append('<h2 style="background:none;margin:14px 0 0 0 ;padding:0;">Sociaal</h2>'); 
 		$("#innerabout").append('<p>Als je deze pagina van de HondenPage wilt delen met jouw vrienden dan kan dat via de onderstaande netwerken !</p>'); 
 		$("#innerabout").append('<p><b style="position:relative;top:-4px;">Twitter:</b> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?text='+pagetitle+'&amp;url='+pageurl+'" style="margin-left:15px;width:350px; height:1.8em;"></iframe></p>');
 			
 		$("#innerabout").append('<p><b style="position:relative;top:-8px;">Facebook:</b> <iframe src="http://www.facebook.com/plugins/like.php?href=http://www.hondenpage.com" scrolling="no" frameborder="0" style="border:none; width:350px; height:2.4em;"></iframe></p>');
 		$("#innerabout").append('<p><b style="position:relative;top:-2px;">Google:</b> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><span style="margin-left:17px;"><g:plusone href="http://www.hondenpage.com"></g:plusone></span></p>');

 		
 		 
 		$("#innerabout").append('<h2 style="background:none;margin:14px 0 0 0 ;padding:0;">Plaatjes</h2>');
 		$("#innerabout").append('<p>Hieronder vind je html en ubb (forum) code om de plaatjes van deze pagina in te sluiten in jouw eigen pagina of jouw favoriete forum</p>');
 		var isPlaatje = false;
 		$("#content img").each(function(eimg){
 			if(this.height > 160){
 				isPlaatje = true;
 				var imgsrc = $(this).attr('src');
 				if(imgsrc.substring(0,1)=="/"){
 					imgsrc= 'http://www.hondenpage.com'+imgsrc;
 					
 				}
 				$("#innerabout").append('<p style="height:34px;paddding-top:4px;"><span style="width:30px;height:30px;overflow:hidden;display:block;float:left;"><img style="height:30px" class="noborder" src="'+imgsrc+'"></span>'+
 						'&nbsp;&nbsp;&nbsp;html: <input style="font-size:0.8em;width:280px;" type="text" value="<a href=&quot;'+pageurl+'&quot;><img src=&quot;'+imgsrc+'&quot;></a>">'+
 						'&nbsp;&nbsp;&nbsp;ubb: <input style="font-size:0.8em;width:280px;" type="text" value="'+$('<div/>').text('[url='+pageurl+'][img]'+imgsrc+'[/img][/url]').html()+'"></p>'
 					);
 			}
  
 		});
 		if(isPlaatje == false){
 		$("#innerabout").append('<p>Er zijn geen openbare plaatjes gevonden op deze pagina !</p>');
 		}

 				

 	});
 	 
     
     
});