$(document).ready(function() {
	//$(window).trigger("resize");
   if($('.colorpicker').length > 0) {
     CreateColorPicker();
   }
   
   
    if($('.slideshow .shoo').length > 0){
    for(var i=0; i <= aShoes.length-1; i++){
      $('.shoo').append('<img src="' + aShoes[i] + '" alt="" />');
    }
    }
    
    $('.script').remove();
    
    $('.slideshow .shoo').cycle({
      fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });
    $('.slideshow .image').cycle({
      fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });
    

  $('.actie').cycle({
    fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
  });
  
	$(".hide").hide();

    if($('img.tooltip').length > 0) {
        $('img.tooltip').tooltip({
                track: true,
                delay: 0,
                showURL: false,
                bodyHandler: function() {
                    return $($(this).prev('.tooltipTxt')).html();
            }
        });
    }

    if($("ul.subsubsubnavigation").find("li").length == 0) {
        $("ul.subsubsubnavigation").hide();
    }

    $("a.lightbox").fancybox({
        'overlayOpacity'  :  0.7,
        'overlayColor'    :  '#000',
        'zoomSpeedIn'     :  500,
        'zoomSpeedOut'    :  500,
        'centerOnScroll'  :  true,
        'hideOnContentClick' : false
    });
    
    $("a.login-btn").fancybox({
        'overlayOpacity'  :  0.7,
        'overlayColor'    :  '#000',
        'zoomSpeedIn'     :  500,
        'zoomSpeedOut'    :  500,
        'width'           : 200,
        'height'           : 170,
        'autoDimensions'  : false,
        'centerOnScroll'  :  true,
        'hideOnContentClick' : false,
        'titleShow' : false
    });

    $("a.fancybox").fancybox({
        'overlayOpacity'  :  0.7,
        'overlayColor'    :  '#000',
        'width'           : 596,
        'padding'         : 2,
        'autoDimensions'  : false,
        'centerOnScroll'  :  true,
        'hideOnContentClick' : false
    });
    
        $("a.action-fancybox").fancybox({
        'overlayOpacity'  :  0.7,
        'overlayColor'    :  '#000',
        'zoomSpeedIn'     :  500,
        'zoomSpeedOut'    :  500,
        'centerOnScroll'  :  true,
        'hideOnContentClick' : false,
        'titleShow' : true
    });
    
    if(window.location.hash == "#LoginError"){
      setTimeout(function(){
        $('a.login-btn').click();
        $('#login .row:last').append('<div class="error-msg">Your name or password is incorrect.</div>')
      }, 500);
    }
    
    if(window.location.hash == "#login"){
      setTimeout(function(){
        $('a.login-btn').click();
      }, 500);
    }
    
    if($('a.youtube-link').length > 0){
    $("a.youtube-link").click(function() {
      $.fancybox({
          'padding'    : 0,
          'autoScale'    : false,
          'transitionIn'  : 'none',
          'transitionOut'  : 'none',
          'width'    : 400,
          'height'    : 290,
          'href'      : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
          'type'      : 'swf',
          'overlayOpacity' : 0.7,
          'swf'      : {
            'wmode'    : 'transparent',
            'allowfullscreen'  : 'true'
          }
        });

      return false;
    });
  }


    if($('ul.image-block li').length > 0){
      $('ul.image-block li').each(function(){
        $('ul.image-block').append($(this));
      });

      $('ul.image-block a').each(function(){
        if(!$(this).hasClass('lightbox')){
          $(this).remove();
        }
      });
    }

    $('.item-form').css({'height':'0px','overflow':'hidden'});
    $('.item-form').prev('div.name').css('cursor','pointer');
    $('.item-form').prev('div.name').click(function(){
        showBlock();
    });
    $('#form_container').css('visibility','hidden');

    $(".sb-block").each(function(){

        var Items = $(this).find(".item");
        var bSubSubNavigationBlock = false;
        var bFormBlock             = false;

        if($(this).find("#subsubnavigation").length > 0) {
            bSubSubNavigationBlock = true;
        }

        if($(this).find(".item-form").length > 0) {
            bFormBlock = true;
        }

        // check for SubSubnavigation
        if(!bSubSubNavigationBlock && !bFormBlock)
        {
            // check if downloads available
            if(Items.length == 0) {
                $(this).remove();
            } else {
                // check if images available
                if(Items.find("ul").length > 0) {
                    if(Items.find("ul li").length == 0){
                        $(this).remove();
                    }
                }
            }
        }
    });


    /*
    if($(".highlight").length > 0)
    {
        var HightlightClassName = "hover";
        $(".highlight .row").each(function(){

            var _this = $(this);

            $(this).mouseover(function(){
                _this.addClass(HightlightClassName);
            });

            $(this).mouseout(function(){
                _this.removeClass(HightlightClassName);
            });



            $(this).hover(
                function() {
                    $(this).addClass(HightlightClassName);
                },
                function() {
                    $(this).removeClass(HightlightClassName);
                }
            );

        });
    }
    */



});

function setTooltip(oSelector) {
    oSelector.tooltip({
      track: true,
      delay: 0,
      showURL: false,
      bodyHandler: function() {
        return $($(this).prev(".spanTooltip")).html();
      }
   });
}


 /*
function SetBlurValidationField(WebUrl) {
    $(".row-validate").each(function(){

        var Container = $(this);

        $(this).find(".input-subsidy-form").blur(function(){
            var Val = $(this).val();
            var Defaultvalue = "0.00";

            // replace comma with dot
            Val = Val.replace(/,/gi, ".");

            // search for dot
            var DotPos = Val.indexOf(".");

            if(DotPos != -1) {
                if(!isNaN(Val)) {
                    Val = Math.round(Val*100) / 100;
                    Val = Val.toFixed(2);
                }
            } else {
                if(Val.length == 0) {
                    Val = "0.00";
                } else {
                    Val = Val + ".00";
                }
            }

            // check for not nummeric numbers
            if(isNaN(Val)) {
                Val = Defaultvalue;
            }

            $(this).val(Val);
            */


            /*
            if($(Container).find(".ForAgreement").is(':checked')) {
                validateSubsidyForm(WebUrl, $(Container).find(".ForAgreement")[0]);
            }

        });

    });
}
*/

/*
function validateSubsidyForm(WebUrl, CurrentElement)
{
    var bItemsChecked = false;
    var bFieldValid = true;
    var bErrorsFound = false;

    var Validation = new RegExp(/^([0-9]*\.[0-9]+|[0-9]*)$/);
    if(!CurrentElement.checked) {
        bFieldValid = false;
    } else {
        ValidateElement = $(CurrentElement).parent().parent().parent().parent(".row-validate");

        ValidateElement.find(".input-subsidy-form.validate").each(function(){
          var amount = $(this).val();
            if((!Validation.test(amount)) || (amount < 0)) {
                bFieldValid = false;
                bErrorsFound = true;
            } else {
                if(amount < 0) {
                    bFieldValid = false;
                    bErrorsFound = true;
                }
            }

            if((bFieldValid) &&
               ($(this).hasClass(".rovl")))
            {
              if(amount > 250) {
                bFieldValid = false;
              }
            }

            //if(!bFieldValid) {
            //  $(this).addClass("error");
            //}
        });
    }


    if(bFieldValid && !bErrorsFound) {
        ValidateElement.find(".validation.icon").attr("src", WebUrl + "pics/valid.png");
    } else {
        ValidateElement.find(".validation.icon").attr("src", WebUrl + "pics/notvalid.png");
    }

   return false;
}


function validateAgreedRows(WebUrl) {
    $(".ForAgreement").each(function(){
        if($(this).is(':checked')) {
            validateSubsidyForm(WebUrl, this);
        }
    });
}
*/

/**
*    vCenterContent              - center content vertical inside container
*    @param: 'Selector'          - Selector of content that has to be centered
*    @param: 'ContainerHeight'   - Height of selector container
*/
function vCenterContent(Selector, ContainerHeight)
{
    var ContainerHeight = ContainerHeight;
    var oElement = $(Selector);

    oElement.each(function(){
        var PaddingVal = (ContainerHeight - $(this).height()) / 2 + "px 0px";
        $(this).attr("style", "padding: " +  PaddingVal);
    });
}

/**
*    moveFirstItemToLastPosition - eg. put first li to the last position
*    @param: 'oElement'          - Current element
*/
function moveFirstItemToLastPosition(oElement) {
    oElement.parent().append(oElement);
}

function setContentLiElements(oContainer, Action) {

    var LiCount = oContainer.find("ul li").length;

    if(LiCount > 0) {

        var activeElement = oContainer.find("ul li.active");
        var PreviousCount = activeElement.prev().length;
        var NextCount     = activeElement.next().length;

        if(activeElement.length > 0) {
            switch(Action)
            {
                case "prev" :
                {
                    activeElement.removeClass("active");
                    if(PreviousCount != 0) {
                        activeElement.prev().addClass("active");
                    }
                }
                break;

                default : //next
                {
                    activeElement.removeClass("active");
                    if(NextCount == 0) {
                        oContainer.find("ul li:first").addClass("active");
                    } else {
                        activeElement.next().addClass("active");
                    }
                }
                break;
            }

            setControlLiElements(oContainer);

        } else {
            oContainer.find("ul li:first").addClass("active");
        }
    }
}

function setControlLiElements(oContainer) {
    activeElement = oContainer.find("ul li.active");
    PreviousCount = activeElement.prev().length;
    NextCount     = activeElement.next().length;

    PrevElement   = oContainer.find("a.prev");
    NextElement   = oContainer.find("a.next");

    if(PreviousCount == 0) {
        PrevElement.hide();
    } else {
        PrevElement.show();
        PrevElement.unbind("click"); //reset click
        PrevElement.click(function(){
            setContentLiElements(oContainer, "prev");
        });
    }

    if(NextCount == 0) {
        NextElement.hide();
    } else {
        NextElement.show();
        NextElement.unbind("click"); //reset click
        NextElement.click(function(){
            setContentLiElements(oContainer, "next");
        });
    }
}


function showLiElement(oContainer, Action) {
    var activeElement = oContainer.find("ul li.active");

    switch(Action)
    {
        case "prev" :
        {
            oContainer.find("ul li").removeClass("active");
            activeElement.prev().addClass("active");
        }
        break;

        default : //next
        {
            oContainer.find("ul li").removeClass("active");
            activeElement.next().addClass("active");
        }
        break;
    }
}


/**
*    SetActiveSubSubNavigation  - Function for setting the subsubnavigation active based on the url (weggebruikers, hot issues)
*/
function SetActiveSubSubNavigation() {
    if($("#subsubnavigation li").length > 0)
    {
        var documentUrl = document.URL;
        var aUrlParts   = documentUrl.split("/");

        if(aUrlParts[aUrlParts.length-1] == "") {
            aUrlParts.pop();
        }

        var CurrentItem = aUrlParts[aUrlParts.length-1];
        var CurrentItemLength = CurrentItem.length;

        $("#subsubnavigation li a").each(function() {
            var HrefLength = $(this).attr("href").length;
            var Str = $(this).attr("href").substr(HrefLength-CurrentItemLength,HrefLength);
            if(Str == CurrentItem) {
                $(this).parent().addClass("current");
            }
        });
    }
}

/**
* showSubsidyForm   - slideIn subsidy form, hides the others
*	@param: 'Element' - the current element
*	@param: 'DivId'   - this DivId slides in
*/
function showSubsidyForm(ElementId, DivId) {
	var SlideDiv       = $("#" + DivId);
	var ElementDiv     = $("#" + ElementId);
	var AnimatingClass = "animating";

	if(!ElementDiv.hasClass(AnimatingClass)) {
		ElementDiv.addClass(AnimatingClass);
		SlideDiv.slideToggle(300, function(){ ElementDiv.removeClass(AnimatingClass); });

        var ImgArrow = ElementDiv.find("img.icon.arrow");
        if(ImgArrow.attr("src") == WebUrl + "pics/icon_arrow_up.png") {
            ImgArrow.attr("src", WebUrl + "pics/icon_arrow_down.png");

            //$("#list .errorMsg.subsidy img").fadeIn("100");
        } else {
            //$("#list .errorMsg.subsidy img").fadeOut("0");
            ImgArrow.attr("src", WebUrl + "pics/icon_arrow_up.png");
        }
	}
}

/**
* SetRowColors, function for setting the background color of even and uneven rows in form
*/

function SetRowColors(ContainerElement) {
    var EvenClassName = "even";
    var OddClassName = "uneven";

    $(".rowcolors").each(function(){
        $(this).find(".row:even").addClass(EvenClassName);
        $(this).find(".row:odd").addClass(OddClassName);
    });
}

function SetRowHighlight() {
    var HightlightClassName = "hover";


    $(".highlight .row").each(function(){
        /*
        var _this = $(this);

        $(this).mouseover(function(){
            _this.addClass(HightlightClassName);
        });

        $(this).mouseout(function(){
            _this.removeClass(HightlightClassName);
        });
        */


        $(this).hover(
            function(e) {
                $(this).addClass(HightlightClassName);
                //e.preventDefault();
            },
            function(e) {
                $(this).removeClass(HightlightClassName);
                //e.preventDefault();
            }
        );

    });
}


function showBlock(){
  var FormContainer = $('.item-form');
  var FormContainerDiv = $('#form_container');
  var ArrowContainer = $('.name .arrow');
  if(FormContainer.css('height') == '0px'){
    FormContainer.css({'border': '1px solid #bfbfbf'});
    var Height = FormContainerDiv[0].scrollHeight;
    FormContainer.animate({
      height: Height
    }, function(){
      FormContainerDiv.css('display','none');
      FormContainerDiv.css('visibility','visible');
      FormContainerDiv.fadeIn("slow");
      ArrowContainer.html('<img src="/pics/arrow-up.gif" alt="" />');
      return true;
    });
  } else {
    var Height = FormContainerDiv[0].scrollHeight;
    FormContainerDiv.fadeOut("slow",function(){
      FormContainerDiv.css('display','block');
      FormContainerDiv.css('visibility','hidden');
      FormContainer.animate({
        height: '0px'
      }, function(){
        ArrowContainer.html('<img src="/pics/arrow-down.gif" alt="" />');
        FormContainer.css({'border': '0px solid #bfbfbf'});
        return true;
      });

    });
  }
}

function actieplan_hidePlanning(Element) {
    Element.css("display","none");
}

function actieplan_showPlanning(Element) {
    Element.css("display","block");
}

function CheckfollowUpQuestion(ElementValue, ChildNumber, TriggerValue) {

    if(ElementValue == TriggerValue) {
        $("#fu" + ChildNumber).show();
    } else {
        $("#fu" + ChildNumber).hide();
    }

         //alert(Element + " :: " + ElementValue + " :: " + TriggerValue);


    /*
        if('{/literal}{$Child.Value}{literal}' != '{/literal}{$Child.FollowUp.Trigger}{literal}')
          $("#fu{/literal}{$Child.Number}{literal}").hide();

        $(".a{/literal}{$Child.Number}{literal}").click(function() {
            alert("change");
          if($(this).val() == '{/literal}{$Child.FollowUp.Trigger}{literal}') {
            $("#fu{/literal}{$Child.Number}{literal}").show();
          } else {
            $("#fu{/literal}{$Child.Number}{literal}").hide();
          }
        })
    */
}

function setRowColors(Selector) {   
    $(Selector + ":odd").addClass("uneven");    
    $(Selector + ":even").addClass("even");    
}

function CheckUrl(Url, Element){
  if(Url.substr(0,7) != 'http://') {
    Element.attr('href', 'http://' + Url);
  }
}

function GetYouTubeScreen( Url, Size ) {
  if(Url === null){ 
    return ""; 
  }
  
  var VideoSize = '1';
  
  if(Size == 'small'){
    VideoSize = '1';
  } else {
    VideoSize = '0';
  }
  
  var VideoId;
  var Results;

  Results = Url.match("[\\?&]v=([^&#]*)");

  VideoId = ( Results === null ) ? Url : Results[1];
  
  return "http://img.youtube.com/vi/"+VideoId+"/" + VideoSize + ".jpg";
}

function BuildRating(FormId, VoteUrl, bCanVote) {
  FormId.children().not(":radio").hide();
  
  // Create stars
  
  if(bCanVote){
    FormId.stars({
      cancelShow: false,
      oneVoteOnly: true,
      callback: function(ui, type, value)
      {
        var StarLinks = ui.$stars.find("a");
        var AjaxUrl = VoteUrl + value;
        
        StarLinks.slowEach(100, 
          function(){ 
            $(this).animate({top: "28px"}, 300) }, function(){
              $("#loader").fadeIn(function(){
                $.ajax({ url: AjaxUrl, success: function(){
                  $("#loader").fadeOut(function(){ 
                    StarLinks.slowEach(100, function(){ 
                      $(this).animate({top: 0}, 300);
                    });
                  });
                }});
              });
          });
      }
    });
  } else {
    FormId.stars({
      cancelShow: false,
      disabled: true
    });
  }
}

jQuery.fn.slowEach = function(interval, callback, callback2) {
  var items = this, i = 0;
  if(!items.length) return;
  function next() {
    (callback.call(items[i], i, items[i]) !== false && ++i < items.length) ? setTimeout(next, interval) : callback2 && callback2.call(items, i, items);
  }
  next();
};

