$(function() {

function fixImgs(whichName, maxW) {
var pix=document.getElementsByName(whichName);
  for (i=0; i<pix.length; i++) {
    w=pix[i].width;
    h=pix[i].height;
    if (w > maxW) {
      f=1-((w - maxW) / w);
      pix[i].width=w * f;
      pix[i].height=h * f;
    }
  }
}

fixImgs('image', 445)
		
		// widgets sorteerbaar maken		
		
		
	
		
		$('.bewerksluiten').click(
			function() {
				$('#bewerklaag').toggle();	
				$('#headerupload').toggle();			
				$('#overlay').toggle();		  
										  
		 	}
		);
		
		
	
		
		//$("#toevoegen").live("click", function(){
		$('.bewerksluitena').live("click", function(){
			
													
				
				$('#imageupload').toggle();			
				$('#bewerklaag').toggle();
				$('#overlay').toggle();			
										  
										  
		 	}
		);
		
	
		//$('.column').sortable('option', 'handle', 'h2');
	
		var widget_icons='<span class="rechts"><img class="" src="images/px.png" width="10" border="0">&nbsp;&nbsp;<img class="minimize miniicon miniicon_min" src="images/px.png" width="10" border="0"><img class="minimize miniicon miniicon_max" src="images/px.png" width="10" border="0">&nbsp;</span>';
		var widget_icons_new='';


		//var widget_icons='<span class="ui-icon ui-icon-plusthick"></span>';
		
		////////////////////
		// OPMAKEN widget //
		////////////////////
		$(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all")
			.find(".portlet-header")
				.addClass("ui-widget-header ui-corner-top")
				.prepend(widget_icons)
				.end()
			.find(".portlet-header-nietweg")
				.addClass("ui-widget-header ui-corner-top")
				.prepend('')
				.end()
			.find(".portlet-content");
		
				

		//$("#bottombanner").addClass("ui-corner-all");

		
		
		
		
		
		
		//////////////
		// MINIMIZE	//
		//////////////
		$(".minimize").live("click", function(){
			
			//$('.miniicon_max').toggle();
			$(this).toggleClass('miniicon_min');
			$(this).toggleClass('miniicon_max');
			//$(this '.miniicon_max').toggle();

			$(this).parents(".portlet:first").find(".portlet-content").toggle('fast');
			//$(this).parents(".portlet:first").sortdeactivate();
		});
		
		
 		/////////////////
		// LEES VERDER //
		/////////////////
				
 		$(".lv").livequery("click", function() {
			
			var ID=$(this).parents(".portlet").attr("id");
			var bericht="";
			
			//alert(ID);
			
			$.ajax({
    		  type: "POST",
     		  url: "ajax/__get_widget_tekst.php",
     		  data: "widget="+ID,
       		  success: function(msg){
         		  
				  			
					// msg bevat tekst
					 $('#overlay')
					  .toggle()
					  .end()
					 $('#leesverdertekst')
					  .html(msg)
					  .end()
					 $('#leesverder')
					  .fadeIn()			  
					  .end()
					 
					  
				  

	           }

   			});
						
		});
		
		 
		 
		 $(".bewerksluitenlv").livequery("click", function() {
				$('#leesverder').fadeOut();			
				$('#overlay').toggle();									  
										  
		 });
		 
		 
		 
		 $('.verzendcontactform').live("click", function(){
			var contactformIDtotal = $(this).attr('id'); 
			
			contactformID=contactformIDtotal.substr(7);
			
			$('#error'+contactformID).html("");
			$('#verzendknop'+contactformID).hide();
			$('#bezigverzenden'+contactformID).show();
			// blokkeren formulier!
			
			$('#naam'+contactformID).attr('readonly', true); 
			$('#tel'+contactformID).attr('readonly', true); 
			$('#email'+contactformID).attr('readonly', true); 
			$('#www'+contactformID).attr('readonly', true); 
			$('#Filedata'+contactformID).attr('readonly', true); 
			$('#opmerking'+contactformID).attr('readonly', true); 
			$('#input'+contactformID).attr('readonly', true); 
						
			var waarde_n=$('#naam'+contactformID).attr("value");
			var waarde_t=$('#tel'+contactformID).attr("value");
			var waarde_tm=$('#tm'+contactformID).attr("value");
			var waarde_e=$('#email'+contactformID).attr("value");
			var waarde_w=$('#www'+contactformID).attr("value");
			var waarde_b=$('#Filedata'+contactformID).attr("value");
			var waarde_o=$('#opmerking'+contactformID).attr("value");
			var waarde_c=$('#input'+contactformID).attr("value");
									
			$.ajax({
						  type: "POST",
						  cache: false, 
						  url: "../read/ajax/__send.php",
						  data: "i="+contactformID+"&n="+waarde_n+"&t="+waarde_t+"&e="+waarde_e+"&w="+waarde_w+"&o="+waarde_o+"&tm="+waarde_tm+"&b="+waarde_b+"&c="+waarde_c+"",
						  success: function(msg){
							    //alert (msg);

								// controles doen op de output!
								if (msg=="nof") {
									// NOT ALL FIELD FILLED IN	
									$('#error'+contactformID).html("- Volledig invullen SVP!");
								}
								if (msg=="cap") {
									// refresh capchafs... wrong types	
									$('#error'+contactformID).html("- Veiligheidscode incorrect!");
									
								}
								if (msg=="np") {
									// ERROR
									$('#error'+contactformID).html("- Verzenden is mislukt!");
								}
																
								$('#bezigverzenden'+contactformID).hide();
								$('#verzendknop'+contactformID).show();
								$('#naam'+contactformID).attr('readonly', false); 
								$('#tel'+contactformID).attr('readonly', false); 
								$('#email'+contactformID).attr('readonly', false); 
								$('#www'+contactformID).attr('readonly', false); 
								$('#opmerking'+contactformID).attr('readonly', false); 
								$('#input'+contactformID).attr('readonly', false); 
								
								if (msg=="ok") {
								
										// file uploaden
										$('#contactform_'+contactformID).submit();	
								
										$('#naam'+contactformID).attr("value","");
										$('#tel'+contactformID).attr("value","");
										$('#email'+contactformID).attr("value","");
										$('#www'+contactformID).attr("value","");
										$('#opmerking'+contactformID).attr("value","");
										$('#Filedata'+contactformID).attr("value","");
										$('#input'+contactformID).attr("value","");
								
								
										$('#contactdiv'+contactformID).hide();	
										$('#bedanktsdiv'+contactformID).show(); //"<br><br>Bedankt, je reactie is verzonden naar de maker van dit clubblad.");					
																					
										setTimeout(function(){ $('#bedanktsdiv'+contactformID).hide(); $('#contactdiv'+contactformID).show(); }, 5000); 
						
								}
								
								// ok
								// melding
								// formulier resetten
								
						   }
			
						});
			
			
			
		});
		 
		
		
		
		$(".pagselect").change(function () {
				
          $('#whiteoverlay').fadeIn(500);
			
        })

		$('a').click(function() {
			  this.blur();
		});

		// tabs multivak
		$(".tabs").tabs();
		
		//$("body").click(function() {
			  //qtip("hide");
		//});
		
		// grote afbeelding popup
		$(".bafbeeldingwide").click(function() {
			var thumb=$(this).attr('src'); 
			var grootte=$(this).attr('id');
			var afmeting = grootte.split("_");
			var breedte_int=parseInt(afmeting[0])+20;
			var hoogte_int=parseInt(afmeting[1])+20;

			var foto=thumb.replace("thumbnail_", "org_");
						
			$.blockUI({ 
				message: '<div class="sluitafbeelding" style="width:'+afmeting[0]+';height:'+afmeting[1]+'"><img alt="Klik om te sluiten." src="'+foto+'"></div>', 
            	css: { 
                	top:  ($(window).height() - hoogte_int) /2 + 'px', 
	                left: ($(window).width() - breedte_int) /2 + 'px', 
    	            width: breedte_int+'px' 
        	    } 
			 }); 
		});
		
		$(".sluitafbeelding").livequery("click", function() {
			$.unblockUI();
		});	
		
		// header ronde hoekjes
		$("#head").addClass("ui-corner-all");
		
		// minimize icon aan	
		//$('.miniicon_max').toggle();
		$('.miniicon_max').hide();
		$('#whiteoverlay').fadeOut(500);

		//////
		$("#ajax_icon").ajaxStart(function(){   $(this).show(); $('body').addClass("ajax"); });
		$("#ajax_icon").ajaxStop(function(){   $(this).hide(); $('body').removeClass("ajax"); });
		

		//$(".portlet-content").disableSelection();
		//$(".portlet-content").disableSelection();
		
		$('.slideshow').each(function(i) { 
        //$(this).after('<div class="nav nav' + i + '" />'); 
		var navID=$(this).find(".nav").attr("id");
		
        $(this).cycle({ 
            fx: 'fade', 
            speed: 'fast', 
            timeout: 3500,
			pager:  '#'+navID,
			slideExpr: 'img'
            }); 
        }); 
		
		$('.pauseslideshow').live("click", function(){
			
			var htmlStr = $(this).html();
			//alert (htmlStr);
				
			if (htmlStr=='<a class="activeSlide" href="#">Pauze</a>') {	
				$(this).html('<a href="#">Speel</a>');	
				$(this).closest(".slideshow").cycle('pause');
				
			} 
			if (htmlStr=='<a class="" href="#">Pauze</a>') {	
				$(this).html('<a href="#">Speel</a>');	
				$(this).closest(".slideshow").cycle('pause');
				
			}
			if (htmlStr=='<a href="#">Speel</a>') {	
				$(this).html('<a href="#">Pauze</a>');
				$(this).closest(".slideshow").cycle('resume'); 				
				
			}
			if (htmlStr=='<a class="" href="#">Speel</a>') {	
				$(this).html('<a href="#">Pauze</a>');
				$(this).closest(".slideshow").cycle('resume'); 				
				
			}
				
		});
	
		
		

		
	});
	
	
// GEWONE JAVASCRIPTS
function waitThenSubmit(sec) {  setTimeout("document.forms[0].submit();", sec);  return false;}