// font resizer
var sitefunctions = {
	textresize : function(){
		$j("#secundair .FontSize").show(); // show text resizing links
		var $cookie_name = "Antares-LetterFormaat";
		var originalFontSize = '0.7em';
      var bigFontSize = '0.9em';
      var smallFontSize = '0.6em';
      var $getSize = $j.cookie($cookie_name);
		if($getSize) {			// if exists load saved value
			$j("#top").css({fontSize : $getSize }); 
			$j("#footer").css({fontSize : $getSize });
		}
		// reset link - reset cookie
		$j("#secundair .FontSizeReset").bind("click", function() {
			$j("#top").css("font-size", '');
         $j("#footer").css("font-size", '');
         $j.cookie($cookie_name, null); // reset cookie
         sitefunctions.resetpage();
         return false;
		});
      // text “+" link
      $j("#secundair .FontSizeInc").bind("click", function() {
         $j("#top").css("font-size", bigFontSize);
         $j("#footer").css("font-size", bigFontSize);
         $j.cookie($cookie_name, bigFontSize);
         sitefunctions.resetpage();
         return false;
      });
      // text “-" link
      $j("#secundair .FontSizeDec").bind("click", function() {
         $j("#top").css("font-size", smallFontSize);
         $j("#footer").css("font-size", smallFontSize);
         $j.cookie($cookie_name, smallFontSize);
         sitefunctions.resetpage();
         return false;
      });
	},
   // functies die herhaald moeten worden na font-resizen
   resetpage : function(){
      var h = (88-$j('#hotspot h2',homepage).height())/2;
      $j('#hotspot h2',homepage).css('margin-top',h)        
   }
}

// gebruik $j als jquery variabele zodat deze niet conflicteerd met de scripts uit de smartsite formulieren generator
var $j = jQuery.noConflict();  

$j(document).ready(function(){

   // IE6 png-fix
   if ($j.browser.msie && $j.browser.version.substring(0,1) === '6') {
   var homepage =$j('body.home #kolomwrapper');
   $j('#primair ol>li.regelen>a').ifixpng(); 
   $j('#header span').ifixpng(); 
   $j('#home_nieuws h2',homepage ).ifixpng(); 
   $j('#home_nieuws span',homepage ).ifixpng(); 
   $j('#home_directhuren h2',homepage ).ifixpng(); 
   $j('#home_directhuren span',homepage ).ifixpng(); 
   $j('#hotspot #thumb span',homepage ).ifixpng(); 

   //IE6 bug-fix
   $j('#nieuwsbriefbanner').css('display','block');
   $j('#zieook').css('display','block');
   $j('#googlemap').css('overflow','hidden').css('width','500px');
   }


   // .uitklap lijst
   $j('#content ul.klaplijst div.klapcontent').hide().prev('a').toggle(function(){
      $j(this).parent().addClass('open').find('div.klapcontent').animate({height:'show',opacity:'show'});
   },function(){
      $j(this).parent().removeClass('open').find('div.klapcontent').slideUp();
   });
   
   
   
     // .uitklap lijst
   $j('#zieook ul.klaplijst div.klapcontent').hide().prev('a').toggle(function(){
      $j(this).parent().addClass('open').find('div.klapcontent').animate({height:'show',opacity:'show'});
   },function(){
      $j(this).parent().removeClass('open').find('div.klapcontent').slideUp();
   });
   
   
   
   // .uitklap lijst openhouden als er een vraag geopend wordt via een andere pagina
   vraag=0;
   q=window.location.search.substring(1).split('&');
   for(x in q) {
     p=q[x].split('=');
	 if(p[0]=='vraag' && parseInt(p[1])!=NaN) 
	   vraag=p[1];
   }

   var openvraag = '#vraag'+ vraag;
   $j('#content ul.klaplijst ' + openvraag).trigger('click');
   
   // tabs projectpagina
   var tabobject =$j('#projectinfo');
   $j('#tabs ul li a',tabobject).hover(function(){
      $j(this).parent().addClass('hover');
   },function(){
      $j(this).parent().removeClass('hover');
   });
   $j('h2.tabtitel',tabobject).hide(); 
   $j('.tabcontent:gt(0)',tabobject).hide(); // verberg alles behalve de 1e
   $j('#tabs ul li a',tabobject).click(function(){ // click op tabs
      var ID = $j(this).attr('href');
	  var linkID = $j(this).attr('id');
      $j('#tabs ul li.active',tabobject).removeClass('active');
      $j(this).parent().addClass('active')
      $j('.tabcontent:visible',tabobject).fadeOut('fast',function(){
         $j(ID, tabobject).fadeIn(function(){
		 	if(linkID=='googlemap'){
				var googlemapnr = $j('#googlemapnr').attr('href');
		 		initialize(googlemapnr);
			}
		 });
      });
      return false;
   });
   $j('#tabs ul li:first a',tabobject).trigger('click'); // 1e tab active

 //klik foto opgeleverd
 var thumbobject = $j('#content #projectlijst')
 if ($j('li', thumbobject).length){
      // maak achtergrond en container DIV
      $j('#footer').after('<div id="black"></div><div id="imagecontainer"></div>');

   $j("a.opgeleverdfoto").click(function(){
       var toph = $j('#top').height();
       var bodyh = $j(window).height();
       var scrollh = $j(window).scrollTop();
       var ictop = bodyh/2+scrollh;
       var imageurl = $j(this).attr('href');
	   
       $j('#black').css('height',toph).css('opacity','0.8').fadeIn(function(){
          $j('#imagecontainer').css({height:'10px',width:'10px',marginLeft:'-50px',top:ictop}).fadeIn('fast',function(){
             loadlightboxnonav(imageurl);
          });
       }).click(function(){
          CloseBox();
       });
       return false;
    });
 }

   // huis verkocht
   var verkochtobject =$j('#content .verkocht');
   if ($j('img',verkochtobject).length>0){
      $j('img',verkochtobject).wrap('<div class="image"></div>').after('<div class="stempel"></div>');
      $j('.stempel',verkochtobject).height($j('#content .verkocht .image').height()).ifixpng(); 
   }

   // galerie met lightbox
   var thumbobject = $j('#content #thumbnails')
   if ($j('li', thumbobject).length){
      // alle links in een array
      var mygallery = new Array();
      var i=0;
      $j("#thumbnails li a:not('.pdf')").each(function(){
         var imageurl = $j(this).attr('href');
         mygallery[i]= imageurl;
         i++;
      });
         
      // maak achtergrond en container DIV
      $j('#footer').after('<div id="black"></div><div id="imagecontainer"></div>');
      
      // click op thumbnail
      $j("li a:not('.pdf')", thumbobject).click(function(){
         var toph = $j('#top').height();
         var bodyh = $j(window).height();
         var scrollh = $j(window).scrollTop();
         var ictop = bodyh/2+scrollh;
         var imageurl = $j(this).attr('href');
         $j('#black').css('height',toph).css('opacity','0.8').fadeIn(function(){
            $j('#imagecontainer').css({height:'10px',width:'10px',marginLeft:'-50px',top:ictop}).fadeIn('fast',function(){
               loadlightbox(imageurl);
            });
         }).click(function(){
            CloseBox();
         });
         return false;
      });
      $j("li a.pdf", thumbobject).attr('target','_blank');

   }
   // end lightbox   
   	
       // open en laad lightbox
      function loadlightbox(ajaxurl){
            var imagecontainer = $j('#imagecontainer')
            imagecontainer.empty();
            imagecontainer.load(ajaxurl,function(){
               
               function getWidthAndHeight() {
                  imagew = this.width;
                  imageh = this.height;
                  var imageboxh = imageh + 40;
                  var imageboxw = imagew + 20;
                  var margl = -imagew/2;
                  var margh = -imageh/2;
                  imagecontainer.animate({height:imageboxh,width:imageboxw,marginLeft:margl,marginTop:margh},function(){
                     var texth = imageboxh + $j('#ajaxtekst',imagecontainer).outerHeight();
                     imagecontainer.animate({height:texth});
                     var ofst = imagecontainer.offset();
                     var t = ofst.top;
                     if (t<20){
                        t = imageh+margh+20;
                        imagecontainer.animate({top:t});
                     }
                     // navigatievlakken
                     var w2 =imagew/4;
                     var righturl = nextItem(mygallery, ajaxurl);
                     var lefturl = prevItem(mygallery, ajaxurl);
                     if (lefturl){
                        imagecontainer.append('<div id="left"><a href="#">&laquo; vorige</a></div>');
                        $j('#left',imagecontainer).hover(function(){
                           $j(this).addClass('hover').ifixpng();
                        },function(){
                           $j(this).removeClass('hover');
                        }).css({width:w2, paddingTop:imageh}).click(function(){
                           loadlightbox(lefturl);
                        });
                     };
                     if (righturl){
                        imagecontainer.append('<div id="right"><a href="#">volgende &raquo;</a></div>');
                        $j('#right',imagecontainer).hover(function(){
                           $j(this).addClass('hover').ifixpng();
                        },function(){
                           $j(this).removeClass('hover');
                        }).css({width:w2, paddingTop:imageh, left: 3*w2+10}).click(function(){
                           loadlightbox(righturl); 
                        });
                     };
                     $j('#left a, #right a', imagecontainer).click(function(){
                        $j(this).parent().trigger('click');
                        return false;
                     });
                     imagecontainer.append('<a id="close" href="#"></a>')
                     $j('#close',imagecontainer).show().click(function(){
                        CloseBox();
                        return false;
                     })  
                     $j('#ajaximage',imagecontainer).fadeIn();
                     $j('#ajaxtekst',imagecontainer).slideDown();
                  }); 
               }
               var myImage = new Image();
               myImage.onload = getWidthAndHeight;
               myImage.src = $j('#ajaximage',imagecontainer).attr('src');                              
            });
      }
	  
	  function loadlightboxnonav(ajaxurl){
            var imagecontainer = $j('#imagecontainer')
            imagecontainer.empty();
            imagecontainer.load(ajaxurl,function(){
               
               function getWidthAndHeight() {
                  imagew = this.width;
                  imageh = this.height;
                  var imageboxh = imageh + 40;
                  var imageboxw = imagew + 20;
                  var margl = -imagew/2;
                  var margh = -imageh/2;
                  imagecontainer.animate({height:imageboxh,width:imageboxw,marginLeft:margl,marginTop:margh},function(){
                     var texth = imageboxh + $j('#ajaxtekst',imagecontainer).outerHeight();
                     imagecontainer.animate({height:texth});
                     var ofst = imagecontainer.offset();
                     var t = ofst.top;
                     if (t<20){
                        t = imageh+margh+20;
                        imagecontainer.animate({top:t});
                     }
                    
                    
                     imagecontainer.append('<a id="close" href="#"></a>')
                     $j('#close',imagecontainer).show().click(function(){
                        CloseBox();
                        return false;
                     })  
                     $j('#ajaximage',imagecontainer).fadeIn();
                     $j('#ajaxtekst',imagecontainer).slideDown();
                  }); 
               }
               var myImage = new Image();
               myImage.onload = getWidthAndHeight;
               myImage.src = $j('#ajaximage',imagecontainer).attr('src');                              
            });
      }
      
      function CloseBox(){
         $j('#imagecontainer').empty().hide().attr('style','');
         $j('#black').fadeOut();
      }
      
      function nextItem(arrayName, searchItem){
          for (var i = 0; i < arrayName.length - 1; i++) {
              if (arrayName[i] == searchItem) {
                  return arrayName[i + 1];
              }
          }
          return false;
      }   
      function prevItem(arrayName, searchItem){
          for (var i = 1; i < arrayName.length; i++) {
              if (arrayName[i] == searchItem) {
                  return arrayName[i - 1];
              }
          }
          return false;
      } 
      function thisItem(arrayName, searchItem){
          for (var i = 0; i < arrayName.length; i++) {
              if (arrayName[i] == searchItem) {
                  return i+1;
              }
          }
          return false;
      } 
      

   
   
   // foto carroussel
   var fotocontainer = $j('#content.projectdetail #projectinfo #fotos');
   if(fotocontainer.length){
      var w1 = parseInt($j('#thumbs', fotocontainer).outerWidth());
      var w2 = parseInt($j('#carroussel', fotocontainer).outerWidth());
      // carroussel maken indien nodig
      if ( w1>=w2 ){
         $j('#carroussel', fotocontainer).css({overflow:'hidden',padding:'0px 20px',width:'469px',height:'70px'});
         var thumbwidth = parseInt($j('#carroussel', fotocontainer).css('width'));
         // verplaats carroussel onclick
         $j('#thumbs a', fotocontainer).click(function(){
            var fotoOffset = $j(this).position();
            var fotowidth = parseInt($j(this).width())*0.5;
            var fotoleft = (thumbwidth/2 - fotowidth) - parseInt(fotoOffset.left);
            if (fotoleft<0){
               $j('#thumbs', fotocontainer).animate({"marginLeft": fotoleft+"px"}, "slow");
            } else {
               $j('#thumbs', fotocontainer).animate({"marginLeft": "0px"}, "slow");
            }
         });
         // carroussel links en rechts navigatie
         $j('#carroussel', fotocontainer).append('<a id="fotocarright" href="#">&gt;</a><a id="fotocarleft" href="#">&lt;</a>');
         $j('#carroussel #fotocarleft', fotocontainer).click(function(){
            if (parseInt($j('#thumbs', fotocontainer).css("marginLeft"))<-99){
               $j('#carroussel #thumbs', fotocontainer).animate({"marginLeft": "+=100px"}, "slow");
            } else {
               $j('#carroussel #thumbs', fotocontainer).animate({"marginLeft": "0px"}, "slow");
            }
            return false;
         });
         var lastfotoOffset = $j('#thumbs a:last', fotocontainer).position();
         var maxM = 0-lastfotoOffset.left + 200;
         $j('#carroussel #fotocarright', fotocontainer).css('display','block').click(function(){
            if (parseInt($j('#thumbs', fotocontainer).css("marginLeft"))>maxM){
               $j('#carroussel #thumbs', fotocontainer).animate({"marginLeft": "-=100px"}, "slow");
            }
            return false;
         });
      }
      // open foto onclick
      $j('#thumbs a', fotocontainer).click(function(){
         $j('#zijkolom').empty();
         $j('#thumbs .active', fotocontainer).removeClass('active');
         var fotolink = $j(this).attr('href');
         var h = $j('#grotefoto', fotocontainer).css('overflow','hidden').css('height');
         $j('#grotefoto', fotocontainer).fadeTo('fast',0, function(){
               $j(this).css('height',h).load(fotolink,function(){
                  function getWidthAndHeight2() {
                     newh = this.height;
                     $j('#grotefoto', fotocontainer).animate({"height":newh},function(){
                        $j('#ajaxtekst', this).remove().clone().prependTo('#zijkolom');
                        $j(this).css('overflow','visible').fadeTo('fast',1);
                     });
                  };
                  var myImage = new Image();
                  myImage.onload = getWidthAndHeight2;
                  myImage.src = $j('#ajaximage',fotocontainer).attr('src');   
               });
         });
         $j(this).addClass('active');
         return false;    
      });
      $j('#thumbs a:first', fotocontainer).trigger('click');
   } 
         
   // font resizer
   sitefunctions.textresize();	
   
   // belmij
   $j('#secundair a.belmij').toggle(function(){
      $j('#belmij').slideDown();
      return false;
   },function(){
      $j('#belmij').slideUp();
      return false;
   });
   $j('#belmij .button').click(function(){
      $j("#belmijform").submit(function () { 
	    if(($j("#naam").val().length > 0) && ($j("#nummer").val().length > 0))
     	{
			return true;
		}
		else
		{
		    $j("#validationmessage").text('Verplicht: naam en nummer');
			return false;
		}
	  });
   });

   // stuurbericht
   $j('.artikelaktie a.mail').toggle(function(){
      $j('#stuurbericht').slideDown();
      return false;
   },function(){
      $j('#stuurbericht').slideUp();
      return false;
   });
      
   $j('#stuurberichtform .field').blur(function(){
	    if($j("#emailontvanger").val().length > 0)
		{		
			var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i); 
			if(pattern.test($j("#emailontvanger").val())) 
     		{
			    $j("#emailontvangervalidationmessage").text('');
				return true;
			}
			else
			{
			    $j("#emailontvangervalidationmessage").text('Onjuist E-mail adres');
			    return false;
			}
		}
   });

   $j('#stuurberichtform .field').blur(function(){
	    if($j("#naamverzender").val().length > 0)
		{		
			$j("#naamverzendervalidationmessage").text('');
			return true;		}
		else
		{
		    $j("#naamverzendervalidationmessage").text('Verplicht: Naam verzender');
			return false;
		}
   });
         
   $j('#stuurberichtform .field').blur(function(){
	    if($j("#emailverzender").val().length > 0)
		{		
			var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i); 
			if(pattern.test($j("#emailverzender").val())) 
     		{
			    $j("#emailverzendervalidationmessage").text('');
				return true;
			}
			else
			{
			    $j("#emailverzendervalidationmessage").text('Onjuist E-mail adres');
			    return false;
			}
		}
   });      
   
   $j('#stuurberichtform .button').click(function(){
      $j("#stuurberichtform").submit(function () { 
	    if($j("#emailontvanger").val().length > 0)
     	{
			var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i); 
			if(pattern.test($j("#emailontvanger").val())) 
     		{
			    $j("#emailontvangervalidationmessage").text('');
				return true;
			}
			else
			{
			    $j("#emailontvangervalidationmessage").text('Onjuist E-mail adres');
			    return false;
			}				
		}
		else
		{
		    $j("#emailontvangervalidationmessage").text('Verplicht: E-mail ontvanger');
			return false;
		}
	  });
   });

   $j('#stuurberichtform .button').click(function(){
      $j("#stuurberichtform").submit(function () { 
	    if($j("#naamverzender").val().length > 0)
     	{
			$j("#naamverzendervalidationmessage").text('');
			return true;
		}
		else
		{
		    $j("#naamverzendervalidationmessage").text('Verplicht: Naam verzender');
			return false;
		}
	  });
   });

   $j('#stuurberichtform .button').click(function(){
      $j("#stuurberichtform").submit(function () { 
	    if($j("#emailverzender").val().length > 0)
     	{
			var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i); 
			if(pattern.test($j("#emailverzender").val())) 
     		{
			    $j("#emailverzendervalidationmessage").text('');
				return true;
			}
			else
			{
			    $j("#emailverzendervalidationmessage").text('Onjuist E-mail adres');
			    return false;
			}		
		}
		else
		{
		    $j("#emailverzendervalidationmessage").text('Verplicht: E-mail verzender');
			return false;
		}
	  });
   });      
            
   // wisselende thumbnail image uit link op homepage   
   $j('#home_nieuws li',homepage).not('.meer').mouseover(function(){
      var img = 'url('+$j('a.nieuwsimage',this).attr('href')+')';
      $j('#home_nieuws ul',homepage).css('background-image',img);
      $j('#home_nieuws .active',homepage).removeClass('active');
      $j(this).addClass('active');
   });
   $j('#home_nieuws ul li:first',homepage).trigger('mouseover');

   // hotspot image
   var img = 'url('+$j('#hotspot #thumb a',homepage).attr('href')+')';
   $j('#hotspot #thumb',homepage).css('background-image',img).css('background-repeat', 'no-repeat');
   
   // hotspot verticaal centreren
   var h = (88-$j('#hotspot h2',homepage).height())/2;
   $j('#hotspot h2',homepage).css('margin-top',h)
      
   // header uitklapmenu
   $j('#primair ol>li').not('.regelen').hover(function(){
      $j('.uitklap',this).ifixpng();
      $j('.uitklap',this).fadeIn('fast');
   },function(){
      $j('.uitklap',this).fadeOut('fast');
   });   
   $j('#primair ol>li.regelen').hover(function(){
      $j('.uitklap span').ifixpng();
      $j('.uitklap',this).slideDown('fast');
   },function(){
      $j('.uitklap',this).slideUp('fast');
   });

   

  // tabel in form fix
  $j('form table tr .formcaptions').next('td').addClass('infotd');


   
   // tabel met wisselende rijkleur (class=rijentabel)
   $j('table.rijentabel tbody tr:odd').addClass('alt');
   // tabel met wisselende kolomkleur (class=kolommentabel)
   $j('table.kolommentabel tbody tr').find('td:even').addClass('alt');

   // aanpassen input-elementen
   $j('#content input[type="text"]').addClass('field');
   $j('#content input[type="password"]').addClass('field');
   $j('#content input[type="file"]').addClass('field');
   $j('#content textarea').addClass('field');
   $j('#content input[type="submit"]').addClass('button');
   $j('#content input[type="cancel"]').addClass('button');
   $j('#content input[type="button"]').addClass('button');
   $j('#content input[type="reset"]').addClass('button');
   
   
   // WIJKKAART maak twee koloms lijsten
   $j('#wijkkaart ul').each(function(){
      var aantal = Math.ceil(($j('li', this).length)/2)-1;
      $j('li:gt('+aantal+')',this).remove().clone().insertAfter(this).wrapAll("<ul class='wijklijst twee'></ul>");
      $j(this).next('.twee').after('<br class="clear" />');
   })
   
   // WIJKKAART mouseover en koppeling aan lijst
   var wijkpad = '/images/wijkkaart/';
   $j("#wijkkaart AREA").each(function(){
      var wijk = $j(this).attr('class');
      var url = $j("#wijkkaart li a."+wijk).attr('href');
      $j(this).click(function(){
         if (url != undefined) document.location = url;
		 return false;
      });
   });
   $j("#wijkkaart AREA").mouseover(function(){
      var wijk = $j(this).attr('class');
      $j("#wijken").css('backgroundImage','url('+wijkpad+wijk+'.gif)');
      $j("#wijkkaart li a."+wijk).css('color','#000000');
   }).mouseout(function(){
      $j("#wijken").css('backgroundImage','none');
      $j("#wijkkaart li a").css('color','');
   });
   $j("#wijkkaart li a").mouseover(function(){
      var wijk = wijkpad+$j(this).attr('class')+'.gif';
      $j("#wijken").css('backgroundImage','url('+wijk+')');
   }).mouseout(function(){
      $j("#wijken").css('backgroundImage','none');
   });
   
});