// JavaScript Document
var defaultSearchText = 'wat zoek jij?...';

function initDefault(){
    setMainMenu();
    setContentWrapper();
    if($.browser.msie == true){
        //roundCorners();
    }
}

function roundCorners(){
    /*
    $('a.button').corner();

    $('div.block').corner();
    $('#primaryContent ul.grid li.banner').corner();
    if($('body.home').length == 0){
        $('#primaryContent ul.grid li.product').corner();
    }
    $('#secondaryContent ul.grid li.block').corner();
    
    
    $('div#mainMenu li a').corner('cc:#d34ea9 top');
    $('div#mainMenu li.selected span').corner('cc:#d34ea9 top');
    
    
    $('span.size').corner('5px');
    $('div.more').corner();
    $('div.slideshow div.projector').corner();
    $('div.slideshow div.slider').corner();

    $('.resetButton').corner();
    $('.updateButton').corner();
    $('.productButton').corner();
    $('.orderButton').corner();
    
    //$('.submitButton').corner();
    
    $('.images .hasSiblings').uncorner();
    $('.images .hasSiblings').corner('tl tr br');
    $('ul.thumbnails li').corner('br bl');
    $('.tabContainer .tab').corner('tr tl');
    
    
    var corners = '<div class="tl"></div><div class="tr"></div><div class="bl"></div><div class="br"></div>';
    $('#sideMenu div.menu').each(function(){
        this.innerHTML += corners;
    });
    $('#sideMenu div.filters').each(function(){
        this.innerHTML += corners;
    });
    $('a.button').each(function(){
        this.innerHTML += corners;
    });
    */

}

function setMainMenu(){
    if($('#mainMenu li.selected').length == 1){
        var item    = $('#mainMenu li.selected')[0];
        var helper  = $('#extraDiv1');
        helper.addClass('mainMenuSelectedHelper');
        helper.width(item.offsetWidth)
        helper.css('left', item.offsetLeft+200);
    }
}
function setContentWrapper(){
    var bottomMargin        = 340;
    var supportingText      = $('#supportingText').height() + 100;
    var secondaryContent    = $('#secondaryContent').height();
    var sideMenu            = $('#sideMenu').height() + bottomMargin;
    var screen              = $(window).height();

    if(secondaryContent > supportingText){
        $('#supportingText').height(secondaryContent);
        supportingText = secondaryContent + 100;
    }
    if(3==4 && screen > sideMenu && screen > supportingText){
        $('#contentWrapper').height(screen - 315);
    }
    else{
        if(sideMenu > supportingText){
            $('#contentWrapper').height(sideMenu);
        }
        else{
            $('#contentWrapper').height(supportingText);
        }
    }


    $('#footerWrapper').show();
}

function initFilters(){
    var skin = "round_plastic";

   clothCalculation = function( value ){
                                      var sizes = new Array(92,98,104,110,116,122,128,134,140,146,152,158);
                                      var returnVal = 92;
                                      var diffVal = 100;
                                      for(var n = 0; n < sizes.length; n++){
                                          diff = sizes[n] - value;
                                          if(diff < 0){
                                              diff = diff * -1;
                                          }
                                          if(diff < diffVal){
                                              diffVal = diff;
                                              returnVal = sizes[n];
                                          }
                                      }

                                      return returnVal;

                                    };
   priceCalculation = function( value ){
                                      return '&nbsp;&euro; ' + value;
   }

   initSlider('#filter_kidsage', skin);
   initSlider('#filter_kidscloth', skin, '', clothCalculation);
   initSlider('#filter_kidswheel', skin, '\'\'');
   initSlider('#filter_price', skin, '', priceCalculation);



}

function initSlider(name, skin, dimension, calc){
    var el = $(name);
    if(el.length == 1){
        var vals = el.attr('title').split(';');
        vals[0] = parseInt(vals[0]);
        vals[1] = parseInt(vals[1]);
        vals[2] = parseInt(vals[2]);


        el.slider({   from: vals[0],
                                        to: vals[1],
                                        step: vals[2],
                                        dimension: dimension,
                                        calculate: calc,
                                        limits: false,
                                        smooth: true,
                                        round: 0,
                                        skin: skin
                                    });
    }

}

function resetFilters(){
    $('#filterAge').slider('value', 10);
    $('#filterCloth').slider('value', 92, 158);
    $('#filterWheel').slider('value', 12, 28);
    $('#filterPrice').slider('value', 0, 600);
    $('#filterBrand').val('');
}

function clearSearchField(){
    if($('#searchField').val() == defaultSearchText){
        $('#searchField').val('');
    }
    else{
        $('#searchField').select();
    }
}
function resetSearchField(){
    if($('#searchField').val() == ''){
        $('#searchField').val(defaultSearchText);
    }
}

function doSearch(){
    $('#searchField').focus();
    var searchstring = $('#searchField').val();
    if(searchstring != '' && searchstring != defaultSearchText){
        location.href = '/zoeken/'+searchstring;
    }
}

function checkEnter(e){
    var characterCode;
    if(e && e.which){ //if which property of event object is supported (NN4)
        characterCode = e.which;
    }
    else{
        characterCode = e.keyCode;
    }

    if(characterCode == 13){
        doSearch();
        return false
    }
    else{
        return true
    }

}

function setView(val){
    var data  = ({});
    var setIt = false;

    if(val == 'list' && $('#viewListButton').hasClass('active') == false){
        $('#viewListButton').addClass('active spinnerLeft');
        $('#viewSlideshowButton').removeClass('active');
        setIt = true;
    }
    if(val == 'slideshow' && $('#viewSlideshowButton').hasClass('active') == false){
        $('#viewSlideshowButton').addClass('active spinnerRight');
        $('#viewListButton').removeClass('active');
        setIt= true;
    }

    if(setIt == true){
        data['productgroupview'] = val;
        var url = replaceAll(path,'/','|');
        if(val == 'slideshow'){
            $.ajax({
                url: ajaxUrl + 'url:' + url + '/view:slideshow',
                type: 'GET',
                cache: false,
                success: function(html){
                    $('#productgroupView').html(html);
                    initSlideShow();
                    initDefault();
                    $('#viewSlideshowButton').removeClass('spinnerRight');
                }
            });
        }
        if(val == 'list'){
            $.ajax({
                url: ajaxUrl + 'url:' + url + '/view:list/set:view',
                type: 'GET',
                cache: false,
                success: function(html){
                    $('#productgroupView').html(html);
                    initDefault();
                    $('#viewListButton').removeClass('spinnerLeft');
                }
            });
        }
    }
}

function initAgeBlock(){
    var skin = "round_plastic";

    $("#ageField").slider({   from: 0,
                                    to: 18,
                                    step: 1,
                                    limits: false,
                                    smooth: true,
                                    round: 0,
                                    skin: skin
                                });
}

var currSlide = 0;

function initSlideShow(){
    // init projector
    var items          = $('#projector ul').length;
    var projectoritem  = 541;
    var slideritem     = 130;
    $('#projectorProducts').width(projectoritem * items);
    $('#sliderList ul').width(slideritem * items);

    // init slider
    showSlide();

    initSlideKeys();
}

var slideKeysInit = false;

function initSlideKeys(){
    if(slideKeysInit == false){
        $(document).keydown(function(event){
                if(event.which == 37){
                    prevSlide();
                }

                if(event.which == 39){
                    nextSlide();
                }
        });
        slideKeysInit = true;
    }
}

function nextSlide(){
    if($('#projectorRight').css('display') != 'none'){
        showSlide(currSlide + 1);
    }
}

function prevSlide(){
    if($('#projectorLeft').css('display') != 'none'){
        showSlide(currSlide - 1);
    }
}

function showSlide(number){
    var sliderCenter = 274;
    var sliderLeft = 0;
    var slideWidth = 121;
    var projectorLeft = 0;
    var projectWidth = 541;
    if(number == undefined){
        number = 0;
    }
    currSlide = number;

    getSlideImage(number);

    sliderLeft = sliderCenter - (number*slideWidth) - (slideWidth/2);
    projectorLeft = 0 - (number * projectWidth);

    $('#sliderList').animate({left: sliderLeft}, 500, function() {});
    $('#projectorProducts').animate({left: projectorLeft}, 500, function() {});

    // set buttons
    if(number == 0){
        $('#projectorLeft').hide();
        $('#sliderLeft').hide();
    }
    else{
        $('#projectorLeft').show();
        $('#sliderLeft').show();
    }
    if(number == $('#sliderList li').length - 1 || $('#sliderList li').length == 0){
        $('#projectorRight').hide();
        $('#sliderRight').hide();
    }
    else{
        $('#projectorRight').show();
        $('#sliderRight').show();
    }
}

function getSlideImage(number){
    var holder = $('#projectorProducts ul#product'+number+' li.image');
    var img = '';
    if(holder.find('img').length == 0){
        img = '<img src="'+ holder.attr('title') +'"/>';
        holder.html(img);
    }
}

function initSpinner(val){
    if(val != undefined){
        $('#'+val).spinner({max: 99, min: 1, spinchange: calculateProduct});
        $('#'+val).bind('spin', calculateProduct);
    }
}

function setTab(id){
    $('#tabContainer li').removeClass('tabActive');
    $('li#tab'+id).addClass('tabActive');

    $('.tabContent').addClass('hide');
    $('#tabContent'+id).removeClass('hide');

    setContentWrapper();
}

function calculateProduct(){
    $('#newPrice').html('&euro; '+convertToPrice($('#orderAmount').val() * new_price))
}

function convertToPrice(val){
	var euros = Math.floor(val);
	var cents = Math.round((val - euros)*100);
	var price = "";

	var eurosStr 	= euros + "";
	var chopLength	= Math.floor(eurosStr.length/3);
	var rest		= eurosStr.length - chopLength*3;

	var chops		= new Array();
	if(rest != 0){
		chops.push(eurosStr.substring(0,rest));
	}
	for(var n=0; n<chopLength; n++){
		start = rest + n*3;
		chops.push(eurosStr.substring(start,start+3));
	}
	for(var r=0; r<chops.length; r++){
		if(r!= 0){
			price +=".";
		}
		price += chops[r];
	}

	centsStr = cents + "";
	if(centsStr.length == 0){
		centsStr = "00";
	}
	else if(centsStr.length == 1){
		centsStr += "0";
	}
	price += "," + centsStr;

	return price;
}

function loadGoogleMap(el) {
    if(GBrowserIsCompatible()){
        var map     = new GMap2(document.getElementById(el));
        var point   = new GLatLng(52.0206,4.665155);
        var cpoint  = new GLatLng(52.167194,4.696655);
        var ipoint  = new GLatLng(52.026092,4.614601);

        map.setMapType(G_NORMAL_MAP);
        map.removeMapType(G_HYBRID_MAP);
        map.removeMapType(G_SATELLITE_MAP);
        map.addControl(new GSmallMapControl());
        map.setCenter(cpoint, 9);

        var infowindow = map.getInfoWindow();

        var icon    = new GIcon(G_DEFAULT_ICON);
        icon.image = 'http://www.12gotrading.nl/images/12gobiking_map_pushpin.png';
        icon.iconSize  = new GSize(198,119);
        icon.iconAnchor = new GPoint(62,102);
        
        var marker  = new GMarker(point, icon);
        map.addOverlay(marker);
    }
}

function more(){
    amount = $('div#grid li').length;
    if(amount < total){
        $('#moreButton').addClass('moreButtonLoading');
        url = replaceAll(path,'/','|');
        $.ajax({
              url: moreUrl + 'start:'+amount+'/url:'+url,
              type: 'GET',
              cache: false,
              success: function(html){
                addToGrid(html);
              }
            });
    }
}

function addToGrid(html){
    $('div#grid ul').append(html);
    amount = $('div#grid li').length;
    $('#moreButton').removeClass('moreButtonLoading');
    if(amount >= total){
        $('div#moreProducts').hide();
    }
    else{
        $('div#moreProducts').show();
    }
    initDefault();
}

function replaceAll(what, cut, place) {
    return what.split(cut).join(place);
}

function updateProducts(){
    $('#filterUpdateButton').addClass('updateButtonLoading');
    // save filters in session
    var items = $('li.filters input');
    var data  = ({});
    $(items).each(function(i){
        data[items[i].name] = items[i].value;
    });
    data['filter[brand]'] = $('#filterbrands option:selected').val();
    data['path'] = path;

    $.ajax({
      url: '/ajax/session/',
      type: 'POST',
      data: data,
      cache: false,
      success: function(html){
          if(html == 'true'){
                url = replaceAll(path,'/','|');

                $.ajax({
                  url: ajaxUrl + 'url:'+url + '/start:0',
                  type: 'GET',
                  cache: false,
                  success: function(html){
                    if($('#viewListButton').hasClass('active')){
                        // set grid
                        $('div#grid ul').html('');
                        total = getTotalFromHTML(html);
                        addToGrid(html);

                        var age = $('#filter_kidsage').val();
                        if(age > -1){
                            setFilter('#ageField',age,age);
                        }
                        if($('div#grid li').length < total){
                            $('div#moreProducts').show();
                        }
                        else{
                            $('div#moreProducts').hide();
                        }

                        if($('div#grid li').length == 0){
                            $('div#noProducts').show();
                        }
                        else{
                            $('div#noProducts').hide();
                        }
                    }
                    else{
                        // set slideshow
                        $('#productgroupView').html(html);
                        initSlideShow();
                    }

                    // set height, ie fixes
                    initDefault();

                    $('#filterUpdateButton').removeClass('updateButtonLoading');
                  }
                });
          }
          else{
              alert('Er is een foutopgetreden bij het vastleggen van de filters.\n\nProbeer het opnieuw...');
              $('#filterUpdateButton').removeClass('updateButtonLoading');
          }
      }
    });
}


function getTotalFromHTML(html){
    pos = html.indexOf('<!--total=');
    end = html.indexOf('; -->');
    if(pos != -1){
        return parseInt(html.substr(pos+10, end-pos-10));
    }
    else{
        return 0;
    }
}

function resetFilters(){
    setFilter('#filter_price');
    setFilter('#filter_kidswheel');
    setFilter('#filter_kidscloth');
    setFilter('#filter_kidsage', 0);
    $('#filterbrands option')[0].selected = true;

}

function setFilter(name,min,max){
    var el = $(name);
    var vals = el.attr('title').split(';');
    vals[0] = parseInt(vals[0]);
    vals[1] = parseInt(vals[1]);

    if(min == undefined){
        min = vals[0];
    }

    if(max == undefined){
        max = vals[1];
    }

    $(name).slider('value', min, max);

}

function setProduct(val){
    var d = data[val];

    new_price = d['price'];

    $('#stockGreen').hide();
    $('#stockOrange').hide();
    $('#stockRed').hide();
    if(d['instock'] == 'yes'){
        $('#stockGreen').show();
    }
    if(d['instock'] == 'no'){
        if(d['appearance'] == undefined){
            $('#stockOrange').html('<div class="icon"></div>Binnen 3 werkdagen leverbaar');
        }
        else{
            $('#stockOrange').html('<div class="icon"></div>Leverbaar vanaf ' + d['appearance']);
        }
        $('#stockOrange').show();
    }
    if(d['instock'] == 'never'){
        $('#stockRed').show();
    }

    setPrice();
}

function setPrice(){
    var amount  = $('#orderAmount').val();
    if(old_price == new_price || old_price < new_price){
        $('#oldPrice').hide();
    }
    $('#oldPrice').html('&euro; ' + convertToPrice(old_price * amount));
    $('#newPrice').html('&euro; ' + convertToPrice(new_price * amount));
}


function convertToPrice(val){
	var euros = Math.floor(val);
	var cents = Math.round((val - euros)*100);
	var price = "";

	var eurosStr 	= euros + "";
	var chopLength	= Math.floor(eurosStr.length/3);
	var rest		= eurosStr.length - chopLength*3;

	var chops		= new Array();
	if(rest != 0){
		chops.push(eurosStr.substring(0,rest));
	}
	for(var n=0; n<chopLength; n++){
		start = rest + n*3;
		chops.push(eurosStr.substring(start,start+3));
	}
	for(var r=0; r<chops.length; r++){
		if(r!= 0){
			price +=".";
		}
		price += chops[r];
	}

	centsStr = cents + "";
	if(centsStr.length == 0){
		centsStr = "00";
	}
	else if(centsStr.length == 1){
		centsStr += "0";
	}
	price += "," + centsStr;

	return price;
}

function validateEmail(val){
   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   if(reg.test(val) == false) {
      return false;
   }
   else{
      return true;
   }
}

function submitQuestion(){
    if($('#questionFormButton').hasClass('formButtonLoading') == false){
        $('#questionFormButton').addClass('formButtonLoading');

        var data            = ({});
        data['product_id']  = product_id;
        data['name']        = $('#questionName').val();
        data['email']       = $('#questionEmail').val();
        data['question']    = $('#questionText').val();
        var isEmail         = validateEmail(data['email']);

        if(data['name'] != '' && data['email'] != '' && data['question'] != ''){
            if(isEmail == false){
                alert('Geef een geldig emailadres op.');
                $('#questionFormButton').removeClass('formButtonLoading');
            }
            else{
                $.ajax({
                      url: '/ajax/question/',
                      type: 'POST',
                      data: data,
                      cache: false,
                      success: function(html){
                          if(html == 'true'){
                              $('#newEntry').html('De vraag is gesteld. We zullen je zo snel als mogelijk antwoord geven.');

                          }
                      }
                });
            }

        }
        else{
            alert('Alle velden moeten ingevuld zijn.');
            $('#questionFormButton').removeClass('formButtonLoading');
        }
    }
}

function getQuestions(){
    if($('#entries ul').length == 0){
        $.ajax({
              url: '/ajax/questions/' + product_id,
              type: 'GET',
              cache: false,
              success: function(html){
                $('#entries').html(html);
                setContentWrapper();
              }
        });
    }
}


var isTelling = false;

function tellafriend(){
    if(isTelling == false){
        $('#tafButton').addClass('formButtonLoading');
        isTelling = true;
        var data            = ({});
        data['link']        = location.href;
        data['product_id']  = product_id;
        data['sName']       = $('#senderName').val();
        data['sEmail']      = $('#senderEmail').val();
        data['rName']       = $('#receiverName').val();
        data['rEmail']      = $('#receiverEmail').val();
        data['text']        = $('#note').val();
        var sIsEmail        = validateEmail(data['sEmail']);
        var rIsEmail        = validateEmail(data['rEmail']);

        if( data['sName'] != '' &&
            data['sEmail'] != '' &&
            data['rName'] != '' &&
            data['rEmail'] != '' &&
            data['text'] != ''){
                if(sIsEmail == false || rIsEmail == false){
                    alert('Geef een geldig emailadres op.');
                    $('#tafButton').removeClass('formButtonLoading');
                    isTelling = false;
                }
                else{
                    $.ajax({
                          url: '/ajax/tellafriend/',
                          type: 'POST',
                          data: data,
                          cache: false,
                          success: function(html){
                              if(html == 'true'){
                                  alert('Je vriend is per email op de hoogte gebracht van deze pagina.');
                                  $('#senderName').val('');
                                  $('#senderEmail').val('');
                                  $('#receiverName').val('');
                                  $('#receiverEmail').val('');
                                  $('#note').val('');
                                  $('#tafButton').removeClass('formButtonLoading');
                                  isTelling = false;
                              }
                          }
                    });
                }
        }
        else{
            alert('Alle velden moeten ingevuld zijn.');
            $('#tafButton').removeClass('formButtonLoading');
            isTelling = false;
        }

    }
}

function addToBasket(){
    if($('#orderButton').hasClass('orderButtonLoading') == false){
       $('.orderButton').addClass('orderButtonLoading');

        directOrder = $('#directOrder:checked').length;
        if(directOrder == 1){
            url = '/products/posttobasket2/';
        }
        else{
            url = '/products/addtobasket/';
        }

        addNow      = true;
        products    = ({});
        addons      = $('#addOns input:checked');
        amount      = $('#orderAmount').val();
        pr          = 0;

        if(hasVariants == true && directOrder == 0){
            products[pr+'[id]'] = product_id;
            products[pr+'[variant]'] = $('#orderOption0 option:selected').val();
            products[pr+'[amount]'] = amount;
            products[pr+'[url]'] = location.href;
            pr++;
        }
        else{
            products[pr+'[id]'] = product_id;
            products[pr+'[amount]'] = amount;
            products[pr+'[url]'] = location.href;
            pr++;
        }

        for(r=0; r<addons.length; r++){
            addonopt = $("#addOnOptions_"+addons[r].value+" select");
            products[pr+'[id]'] = addons[r].value;
            products[pr+'[amount]'] = 1;
            n = 0;
            jQuery.each(addonopt, function(){
                products[pr+'[options]['+n+']'] = this.value;
                n++;
            });
            pr++;
        }


        if(addNow == true){
            if(directOrder == 0){
                $.ajax({
                  url: url,
                  type: 'POST',
                  data: products,
                  cache: false,
                  success: function(html){
                     if(html == 'done'){
                         updateQuickBasket();


                         if(pr > 1){
                            feedback = 'De producten zijn toegevoegd aan de winkelmand.';
                         }
                         else{
                            feedback = 'Het product is toegevoegd aan de winkelmand.';
                         }


                     }
                     else{
                         feedback = 'Er is iets misgegaan met het toevoegen. Probeer het opnieuw';
                     }
                     $('.orderButton').removeClass('orderButtonLoading');

                     $('.orderButton').attr('title', feedback);
                     $('.orderButton').tipsy({trigger: 'manual', gravity:'s', fade: 'in'});
                     $('.orderButton').tipsy('show');
                     setTimeout(function(){ $('.orderButton').tipsy('hide');}, 2000);
                  }
                });
            }
            if(directOrder == 1){
               $('#form1').attr('method','post');
               $('#form1').attr('onsubmit', '');
               $('#form1').attr('action', url + product_id);
               $('#form1').submit();
            }

        }


    }
}



function updateQuickBasket(){
   $.ajax({
          url: '/ajax/basket/amount',
          type: 'GET',
          cache: false,
          success: function(html){
              $('#basketAmount').html(html);
          }
      });
}

function toggleAddOnOptions(obj,id){
    if(obj.checked == true){
        $('#addOnOptions_'+id).show();
    }
    else{
        $('#addOnOptions_'+id).hide();
    }
}

function toArray(str){

    data = new Array();

    while(str.indexOf(',')!= -1){
        pos     = str.indexOf(',');
        chunk   = str.substring(0,pos);
        str     = str.substring(pos+1);

        data.push(chunk);
    }
    data.push(str);

    return data;
}

function  openPopup(title,url,width,height){
    $('#modal').html('<h1></h1><iframe src="about:blank"></iframe><a class="close-reveal-modal">&#215;</a>');
    $('#modal h1').html(title);
    $('#modal iframe').attr('src',url);
    $('#modal').reveal();
}

function sendForm(){

    if($('#formButton').hasClass('formButtonLoading') == false){
       $('#formButton').addClass('formButtonLoading');

       var sendform = true;
       var required = new Array('contactName','contactEmail', 'contactMessage');

       for(var n=0; n<required.length; n++){
           if($('#' + required[n]).val() == ''){
               sendform = false;
               $('#' + required[n] + 'Wrapper').addClass('required');
           }
           else{
               $('#' + required[n] + 'Wrapper').removeClass('required');
           }
       }

       if(sendform == false){
           alert('Alle rood gemarkeerde velden moet ingevuld zijn.');
           $('#formButton').removeClass('formButtonLoading');
       }
       else{
           var data    = ({});
           data['name'] = $('#contactName').val();
           data['email'] = $('#contactEmail').val();
           data['phone'] = $('#contactTelephone').val();
           data['subject'] = $('#contactSubject').val();
           data['message'] = $('#contactMessage').val();

           $.ajax({
              url: '/ajax/contact',
              type: 'POST',
              data: data,
              cache: false,
              success: function(html){
                 if(html == 'done'){
                        $('#contactForm').html('Het formulier is succesvol verzonden. We zullen zo spoedig mogelijk reageren.');
                 }
                 else{
                     alert('Er is iets misgegaan met het versturen. Probeer het opnieuw');
                 }
                 $('#formButton').removeClass('formButtonLoading');
              }
            });
       }


    }
}

function showImage(url,obj){
  $('#thumbnails li').removeClass('selected');
  $(obj).addClass('selected');

  var title = $(obj).find('img').attr('alt');
  var id = $(obj).attr('id').substr(6);

  // hide all images
  $('#bigImage img').css('visibility','hidden');

  if($('#image_'+id).html() == ''){
      // preload image
      $.preload([url], {
                loaded: function(img, loaded, total) {
                        $('#image_'+id).html(img);
                        $('#image_'+id+' img').attr('alt',title);
                        $('#image_'+id+' img').attr('onclick','showFullImage(this);');
                        $('#bigImage div').hide();
                        $('#image_'+id).show();
                }
      });
  }
  else{
      $('#bigImage div').hide();
      $('#image_'+id).show();
      $('#image_'+id+' img').css('visibility','visible');
  }
}

function showFullImage(obj){
    if(obj == undefined){
        if($('ul#thumbnails').length == 0){
            var url = $('#image_0 img').attr('src').replace('/l/','/xl_kids/');
        }
        else{
            var url = $('ul#thumbnails li.selected img').attr('src').replace('/xs/','/xl_kids/');
        }
    }
    else{
        var url = $(obj).attr('src').replace('/l/','/xl_kids/');
    }

    $('#modal').html('<img src="'+url+'"/><a class="close-reveal-modal">&#215;</a>');
    $('#modal').addClass('reveal-image');
    $('#modal').show();
    $('#modal').reveal();
}


(function($) {
	var imgList = [];
	$.extend({
		preload: function(imgArr, option) {
			var setting = $.extend({
				init: function(loaded, total) {},
				loaded: function(img, loaded, total) {},
				loaded_all: function(loaded, total) {}
			}, option);
			var total = imgArr.length;
			var loaded = 0;

			setting.init(0, total);
			for(var i in imgArr) {
				imgList.push($("<img />")
					.attr("src", imgArr[i])
					.load(function() {
						loaded++;
						setting.loaded(this, loaded, total);
						if(loaded == total) {
							setting.loaded_all(loaded, total);
						}
					})
				);
			}

		}
	});
})(jQuery);

function setAge(){
    location.href = '/fietsen/?age=' + $('#ageField').val();
}

Array.prototype.inArray = function (value){
var i;
for (i=0; i < this.length; i++) {
    if (this[i] === value) {
        return true;
    }
}
return false;
};