var placeholdersupport = (function(){
    var i = document.createElement('input');
    return 'placeholder' in i;
})();

var basePath = $('base').attr('href');

$(document).ready(function(){
  
  /*
   * LOSSE FANCYBOXES
   */
  
  $("a.fancybox").fancybox({
    titlePosition: 'inside',
    overlayColor:'#016494',
    padding: 0,
    overlayOpacity: 0.8
  });
  
   $("a.fancyframe").fancybox({
    onClosed: function(){
      window.location.reload();
    },
    height: 112,
    width: 482,
    scrolling: 'no',
    hideOnContentClick: false,
    overlayColor:'#016494',
    overlayOpacity: 0.8, 
    padding: 0,
    modal:true
  });
  
   $("a.fancyvoorwaarden").fancybox({
    overlayColor:'#016494',
    overlayOpacity: 0.8, 
    padding: 0,
    type: 'ajax'
  });

  $("#bestelform").submit(function(){
    $.fancybox.showActivity();
    $.ajax({
      type    : "GET",
      cache : false,
      url:   $(this).attr('action'),
      data    : $(this).serializeArray(),
      success: function(data) {
        $.fancybox(data,  {  
            scrolling: 'no',
            hideOnContentClick: false,
            overlayColor:'#016494',
            overlayOpacity: 0.8, 
            padding: 0,
            modal:true
          }
        );
      }
    });
    return false;
  });
  
 if($('#newslettermsg').length > 0){
     $.fancybox('#newslettermsg', { 
            overlayOpacity: 0.8,
            overlayColor:'#016494',
            padding: 0,
            type: 'inline'
     }); 
  }
  
  /*
  * PLACEHOLDER FUNCTIE VOOR NIET HTML5 BROWSERS
  */  
  
  if(!placeholdersupport){
   $('[placeholder]').focus(function() {
      var input = $(this);
      if (input.val() == input.attr('placeholder')) {
        input.val('');
        input.removeClass('placeholder');
      }
    }).blur(function() {
      var input = $(this);
      if (input.val() == '' || input.val() == input.attr('placeholder')) {
        input.addClass('placeholder');
        input.val(input.attr('placeholder'));
      }
    }).blur();
  }
  
  /*
  * CURSUS FOLDER
  */  
  $('div.course>a').click(function(e){
  	e.preventDefault();
  	
  	if($(this).parent().hasClass('closed')){
  		$(this).parent().removeClass('closed');
  		$(this).parent().addClass('open');
  	}else{
  		$(this).parent().removeClass('open');
  		$(this).parent().addClass('closed');
  	}
  	return false;
  });
  
  /**
   * CYCLE IMPLEMENTATIES
   */
  
  $('#picsholder').cycle({
  	pager: '#picspager',
  	pagerAnchorBuilder: function(idx, slide) { 
        return '#picspager a:eq(' + idx + ')'; 
    } 
  });
  
  $('#zoomlinks').cycle({
  	pager: '#picspager',
  	pagerAnchorBuilder: function(idx, slide) { 
        return '#picspager a:eq(' + idx + ')'; 
    } 
  });
  	
  $('#homeslide > div.pie:first-child').cycle({
  	pager: '#pager',
  	pagerAnchorBuilder: function(idx, slide) { 
  		num = idx+1;
        return '<a href="#">' + (num) + '</a>'; 
    } 
  });
  
  	
  $('div.schminkvoorbeeld > .stappen').cycle({
    fx: 'scrollHorz',
    timeout: 0,
    pager: 'div.schminkvoorbeeld > .header .schminkpager .staplinks',
    prev: 'div.schminkvoorbeeld > .controls > a.prev ',
    next: 'div.schminkvoorbeeld > .controls > a.next ',
    after: function(curr, next, opts) {
        var index = opts.currSlide;
        console.log(index);
        $('div.schminkvoorbeeld > .controls > a.prev')[index == 0 ? 'hide' : 'show']();
        $('div.schminkvoorbeeld > .controls > a.next')[index == opts.slideCount - 1 ? 'hide' : 'show']();
    },
    pagerAnchorBuilder: function(idx, slide) { 
        num = idx+1;
        return '<a href="#">' + (num) + '</a>'; 
    } 
  });
  
  $('div.schminkvoorbeeld > .header .titles').cycle({
    timeout: 0,
    pager: 'div.schminkvoorbeeld > .header .schminkpager .staplinks',
    prev: 'div.schminkvoorbeeld > .controls > a.prev ',
    next: 'div.schminkvoorbeeld > .controls > a.next ',
    pagerAnchorBuilder: function(curr, next, opts) { 
        return 'div.schminkvoorbeeld > .header .schminkpager .staplinks a:eq('+curr+')'; 
    } 
  });
  
  $('div.schminkvoorbeeld > .stappen > .stap > div  .fotos .volgendestappen > img').click(function() { 
    $('div.schminkvoorbeeld > .stappen').cycle($(this).data('count')); 
    return false; 
  }); 
  
  $('#newproducts').cycle();
  
  /**
   * WEBSHOP FORM
   */
  
  $('input.factuuradres').change(function(){
      
      if(this.checked == true){
        $(this).parent().parent().find('div.hider').hide(300);
      }else{
        $(this).parent().parent().find('div.hider').show(300);  
      }
      
  })	;
  
   $('div.aantal input').blur(function() {
      var i = $(this);
      var v = i.val();
      $.ajax({type:"GET", url:(i.attr('rel') + v), success:function(data){eval(data);}});
    });
  
  /**
   * ZOEK FORM
   */
  	
	$('#zoekform').find('form').submit(function(e){
       e.preventDefault();
	  location.href="/zoek/"+$('#zoekform input[type="text"]').val();
	})
  
  /*
   * FOTOALBUM
   */
  
    $('#album-big > img').click(function(){
     $.fancybox($(this).attr('rel'),  { 
            overlayColor:'#016494',
            overlayOpacity: 0.8,
            padding: 0,
            type: 'image'
     }); 
   });
   
   $('#album-holder img').click(function() {
    $button = $(this);

    $('#album-big > img').attr('src', $button.attr('src').replace('_thumb', '_large').replace('website_images','downloadvergroting')) .attr('rel', $button.attr('src').replace('_thumb', '_original').replace('website_images', 'downloadvergroting')).load(function(){
        
        width = $('#album-big > img').width();
        margin = width/2;
        $('#album-big > img').css({
           marginLeft: (-margin)+'px',
           left: '50%'
        });
        
        $('#album-big #watermerk').css({
            marginRight: (-margin+10)+'px',
            right: '50%'
        })
    });
    
    
  });
  if($('#album-holder img').length > 6) {
    var w = $('#album-holder img').length * 58;
    $('#album-left').click(function() {
      if(Number($('#album-holder').css('left').replace('px', '')) <= -58) {
        $('#album-holder').stop(true, true).animate({left:'+=58px'}, 400);
      }
    });
    $('#album-right').click(function() {
      if(Number($('#album-holder').css('left').replace('px', '')) > (336 + 58 - w)) {
        $('#album-holder').stop(true, true).animate({left:'-=58px'}, 400);
      }
    });
  }
  
  $('#album-big > div > img').click(function() {
    $.fancybox($('#album-big > img').attr('src').replace('.jpg', '_big.jpg'), {
      scrolling:'no',
      type:'image',
      overlayColor:'#016494',
      padding: 0,
      overlayOpacity:0.8}
    );
  });
  
});

$(window).load(function(){
    if($('#album-big > img'.length > 0)){
        margin = $('#album-big > img').width()/2;
        $('#album-big > img').css({
           marginLeft: -(margin)+'px',
           left: '50%'
        });
        $('#album-big #watermerk').css({
            marginRight: (-margin+10)+'px',
            right: '50%'
        })
    }

});

$(window).scroll(function(){

    var shoppingbasket = $('#winkelwagen_overzicht');
    
    if(shoppingbasket.length > 0){
//        div_top = shoppingbasket.offset().top;
//        window_top = $(window).scrollTop();
//
//        if(div_top < window_top){ 
//            margin = window_top-258 +25;
//        }else if(div_top > window_top){
//            margin = window_top-258 +25;
//        }
//
//        if(margin < 0){
//            margin = 0;
//        }
//
//        shoppingbasket.stop(true).animate({"marginTop": (margin) + "px"}, "slow" );			
    }
});