$('a').live('touchend', function(e) {
    var el = $(this);
    var link = el.attr('href');
    window.location = link;
});


var imgindex;
var sldclick = false;

              var i_nnum = 0;
              var i_num = 0;
              var i_i   = 0;

$(document).ready(function() {
    
    $(".kader1").corner();
    $(".kader2").corner({

    tl: { radius: 15 }, tr: { radius: 15 }, bl: { radius: 15 }, br: { radius: 15 }, antiAlias: true 

});

$(".topright").corner({

    tl: { radius: 15 }, tr: { radius: 15 }, bl: { radius: 15 }, br: { radius: 15 }, antiAlias: true 

});

$(".toprightbedrijvengids").corner({

    tl: { radius: 15 }, tr: { radius: 15 }, bl: { radius: 15 }, br: { radius: 15 }, antiAlias: true 

});

$("#gratiswaardebepaling_form").corner({

    tl: { radius: 15 }, tr: { radius: 15 }, bl: { radius: 15 }, br: { radius: 15 }, antiAlias: true 

});

$("#overigeinfo").corner({

    tl: { radius: 15 }, tr: { radius: 15 }, bl: { radius: 15 }, br: { radius: 15 }, antiAlias: true 

});  

$(".toprightmakelaarexclusiefpostcode").corner({

    tl: { radius: 15 }, tr: { radius: 15 }, bl: { radius: 15 }, br: { radius: 15 }, antiAlias: true 

});

$(".postcodeexclmakelaarahref").corner({

    tl: { radius: 15 }, tr: { radius: 15 }, bl: { radius: 15 }, br: { radius: 15 }, antiAlias: true 

});

$(".gratis_borden").corner({

    tl: { radius: 15 }, tr: { radius: 15 }, bl: { radius: 15 }, br: { radius: 15 }, antiAlias: true 

}); 

$(".toprightmakelaarregistreer").corner({

    tl: { radius: 15 }, tr: { radius: 15 }, bl: { radius: 15 }, br: { radius: 15 }, antiAlias: true 

});

$(".toprightmijnpaginakaders").corner({

    tl: { radius: 15 }, tr: { radius: 15 }, bl: { radius: 15 }, br: { radius: 15 }, antiAlias: true 

});

$(".InloggenInputsKader").corner({

    tl: { radius: 15 }, tr: { radius: 15 }, bl: { radius: 15 }, br: { radius: 15 }, antiAlias: true 

});

$(".profielpagina").corner({

    tl: { radius: 15 }, tr: { radius: 15 }, bl: { radius: 15 }, br: { radius: 15 }, antiAlias: true 

});
       
    $("#plaats").suggest("/steden-list.php",{});
                                     
    $(".line" + currentpage).css("visibility", "visible");

   $("#topleftcontent").html( $("#c1").html() );
   $("div[title^='c1']").addClass('tlbutton2');

   $(".tab").click(function() {
   document.location = $(this).find("a").attr("href");
  });
  
   $(".sdwoning").click(function() {
   document.location = $(this).find("a").attr("href");
  });
  
     $(".button1").click(function() {
   document.location = $(this).find("a").attr("href");
  });  
  
// Login menu jQuery
  
//$('#login').hide();
  
$(function(){
    $('#loginlink').click(function(){
    $('#login').fadeIn('slow')
    });
});
  
$(function(){
    $('#closeloginmenu').click(function(){
    $('#login').fadeOut('slow')
    });
});

// Kaart Nederland bedrijvengids

// Pre-load images
var nl = "/images/bedrijvengids_kaart/kaart_nl.png";
var nh = "/images/bedrijvengids_kaart/nh.png";
var zh = "/images/bedrijvengids_kaart/zh.png";
var ut = "/images/bedrijvengids_kaart/ut.png";
var nb = "/images/bedrijvengids_kaart/nb.png";
var ge = "/images/bedrijvengids_kaart/ge.png";
var ov = "/images/bedrijvengids_kaart/ov.png";
var dr = "/images/bedrijvengids_kaart/dr.png";
var gr = "/images/bedrijvengids_kaart/gr.png";
var fr = "/images/bedrijvengids_kaart/fr.png";
var li = "/images/bedrijvengids_kaart/li.png";
var fl = "/images/bedrijvengids_kaart/fl.png";
var ze = "/images/bedrijvengids_kaart/ze.png";
      
// N-H
$("#kaartnh").hover(function() {
    $("#kaart_nl2").attr("src", nh);     
    });    
$("#kaartnh2").hover(function() {  
    $("#kaart_nl2").attr("src", nh);     
    });
$("#kaartnh3").hover(function() {
    $("#kaart_nl2").attr("src", nh);
    });
    
$("#kaartnh").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
$("#kaartnh2").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
$("#kaartnh3").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
    
// Z-H
$("#kaartzh").hover(function() {
    $("#kaart_nl2").attr("src", zh);     
    });
    
$("#kaartzh").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
    
// Ut
$("#kaartut").hover(function() {
    $("#kaart_nl2").attr("src", ut);     
    });
    
$("#kaartut").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
    
// Nb
$("#kaartnb").hover(function() {
    $("#kaart_nl2").attr("src", nb);     
    });
    
$("#kaartnb").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
    
// Ge
$("#kaartge").hover(function() {
    $("#kaart_nl2").attr("src", ge);     
    });
    
$("#kaartge").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
    
// Ov
$("#kaartov").hover(function() {
    $("#kaart_nl2").attr("src", ov);     
    });
    
$("#kaartov").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
    
// Dr
$("#kaartdr").hover(function() {
    $("#kaart_nl2").attr("src", dr);     
    });
    
$("#kaartdr").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
    
// Gr
$("#kaartgr").hover(function() {
    $("#kaart_nl2").attr("src", gr);     
    });
    
$("#kaartgr").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
        
// Fr
$("#kaartfr").hover(function() {
    $("#kaart_nl2").attr("src", fr);     
    });
$("#kaartfr2").hover(function() {
    $("#kaart_nl2").attr("src", fr);     
    });
$("#kaartfr3").hover(function() {
    $("#kaart_nl2").attr("src", fr);     
    });
$("#kaartfr4").hover(function() {
    $("#kaart_nl2").attr("src", fr);     
    });
$("#kaartfr5").hover(function() {
    $("#kaart_nl2").attr("src", fr);     
    });
$("#kaartfr6").hover(function() {
    $("#kaart_nl2").attr("src", fr);     
    });
$("#kaartfr7").hover(function() {
    $("#kaart_nl2").attr("src", fr);     
    });
    
$("#kaartfr").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
$("#kaartfr2").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
$("#kaartfr3").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
$("#kaartfr4").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
$("#kaartfr5").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
$("#kaartfr6").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
$("#kaartfr7").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
    
// Li
$("#kaartli").hover(function() {
    $("#kaart_nl2").attr("src", li);     
    });
    
$("#kaartli").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
    
// Fl
$("#kaartfl").hover(function() {
    $("#kaart_nl2").attr("src", fl);     
    });
$("#kaartfl2").hover(function() {
    $("#kaart_nl2").attr("src", fl);     
    });
    
$("#kaartfl").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
$("#kaartfl2").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });

// Ze
$("#kaartze").hover(function() {
    $("#kaart_nl2").attr("src", ze);     
    });
$("#kaartze2").hover(function() {
    $("#kaart_nl2").attr("src", ze);     
    });
$("#kaartze3").hover(function() {
    $("#kaart_nl2").attr("src", ze);     
    });    
$("#kaartze4").hover(function() {
    $("#kaart_nl2").attr("src", ze);     
    });
$("#kaartze5").hover(function() {
    $("#kaart_nl2").attr("src", ze);     
    });
$("#kaartze6").hover(function() {
    $("#kaart_nl2").attr("src", ze);     
    });
$("#kaartze7").hover(function() {
    $("#kaart_nl2").attr("src", ze);     
    });
$("#kaartze8").hover(function() {
    $("#kaart_nl2").attr("src", ze);     
    });
    
$("#kaartze").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
$("#kaartze2").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
$("#kaartze3").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
$("#kaartze4").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
$("#kaartze5").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
$("#kaartze6").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
$("#kaartze7").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
$("#kaartze8").mouseout(function() {
    $("#kaart_nl2").attr("src", nl);     
    });
    
  
$(".tab").hover(
  function () {  
   $(".line" + $(this).attr('id').substr(3, 1)).css("visibility", "visible");   
  }, 
  function () {
    if($(this).attr('id').substr(3, 1) != currentpage)
    {
    $(".line" + $(this).attr('id').substr(3, 1)).css("visibility", "hidden");
    }
  }
); 
  
  
  
  
$(".tlbutton").hover(
  function () {
    if(currenttab != $(this).attr('id'))
    {
    $(this).removeClass("tlbutton").addClass('tlbutton2');
    }
  }, 
  function () {
    if(currenttab != $(this).attr('id'))
    {
     $(this).removeClass("tlbutton2").addClass('tlbutton');
    } 
  }
);            

   $("div[class^='tlbutton']").click(function() {
   
   $("#topleftcontent").html( $("#" + $(this).attr('id').substr(1, 2)).html() );
   
   $(".tlbutton2").removeClass("tlbutton2").addClass('tlbutton');
   $(this).removeClass("tlbutton").addClass('tlbutton2');
   
   currenttab = $(this).attr('id');
   
    $("#topleftcontent").stop(true, true);

    AnimationStart('topleftcontent', currenttab.substr(1, 2));
    
    sldclick = true;
  });
  
 
   AnimationStart('topleftcontent', currenttab);                      
}); 





function AnimationStart(i, o) {

   $("#" + i).find("img").each(function(index) {
    
    if( $(this).css('display') == 'inline')
    {                                 
      imgindex = index+1;

      if(($("#" + o).find("img").length-1) == index)
      {                 
        imgindex = 0;
      }                      
         $(this).delay(3000).animate({
         opacity: 0.94
          }, 200, function() {
          $(this).css("display", "none");
          Animate(o, imgindex, i);

         });
	 
    }

  });
}


function Animate(o, indx, i)
 {                   
                
        $("#" + o + "_" + indx).css('opacity', '0.25');
        $("#" + o + "_" + indx).animate({
         opacity: 1
          }, 0, function() {
          $(this).css("display", "inline");
          
          if(sldclick == false && $("#" + o).find("img").length-1 == indx)
          {
            var num  = $("#" + o).attr('id').substr(1, 1);
            num = parseInt(num);
            
            var nnum = num + 1;

            if(num == 5)
            {
              nnum=1;
            }
            
              i_nnum = nnum;
              i_num = num;
              i_i   = i;
            
             setTimeout(Switchtab, 3000, i, num, nnum);                                     
          }
          else
          {
           AnimationStart(i, o);
          }

         });
 }
 
 function Switchtab(i, num, nnum)
 {
              $(".topleftbuttons").find("div[id='cc" + i_nnum + "']").removeClass('tlbutton').addClass('tlbutton2');
             $(".topleftbuttons").find("div[id='cc" + i_num + "']").removeClass('tlbutton2').addClass('tlbutton');
            
             $("#topleftcontent").html( $("#c" + i_nnum).html() );

              AnimationStart(i_i, "c" + i_nnum); 
 }


$.fn.infiniteCarousel = function () {

    function repeat(str, num) {
        return new Array( num + 1 ).join( str );
    }
  
    return this.each(function () {
        var $wrapper = $('> div', this).css('overflow', 'hidden'),
            $slider = $wrapper.find('> ul'),
            $items = $slider.find('> li'),
            $single = $items.filter(':first'),
            
            singleWidth = $single.outerWidth(), 
            visible = Math.ceil($wrapper.innerWidth() / singleWidth), // note: doesn't include padding or border
            currentPage = 1,
            pages = Math.ceil($items.length / visible);            


        // 1. Pad so that 'visible' number will always be seen, otherwise create empty items
        if (($items.length % visible) != 0) {
            $slider.append(repeat('<li class="empty" />', visible - ($items.length % visible)));
            $items = $slider.find('> li');
        }

        // 2. Top and tail the list with 'visible' number of items, top has the last section, and tail has the first
        $items.filter(':first').before($items.slice(- visible).clone().addClass('cloned'));
        $items.filter(':last').after($items.slice(0, visible).clone().addClass('cloned'));
        $items = $slider.find('> li'); // reselect
        
        // 3. Set the left position to the first 'real' item
        $wrapper.scrollLeft(singleWidth * visible);
        
        // 4. paging function
        function gotoPage(page) {
        
        if(page > pages || page <= 0)
        {
         return;
        }
        
            var dir = page < currentPage ? -1 : 1,
                n = Math.abs(currentPage - page),
                left = singleWidth * dir * visible * n;
            
            $wrapper.filter(':not(:animated)').animate({
                scrollLeft : '+=' + left
            }, 500, function () {
                if (page == 0) {
                    $wrapper.scrollLeft(singleWidth * visible * pages);
                    page = pages;
                } else if (page > pages) {
                    $wrapper.scrollLeft(singleWidth * visible);

                    page = 1;
                } 

                currentPage = page;
            });                
            
            return false;
        }
        
        $wrapper.after('<a class="slideshowbuttonleft"></a><a class="slideshowbuttonright"></a>');
        
	     if($.browser.msie){
      gotoPage(currentPage + 1);
   }
	
        $('a.slideshowbuttonleft', this).click(function () {
            return gotoPage(currentPage - 1);                
        });
        
        $('a.slideshowbuttonright', this).click(function () {
            return gotoPage(currentPage + 1);
        });

        $(this).bind('goto', function (event, page) {
            gotoPage(page);
        });
    });  
};

$(document).ready(function () {
  $('.slideshow').infiniteCarousel();

});