var lang = 'en';
$.hideOption = function(option,state){
      	if(!state)
      		$(option).animate({width: 'hide',marginRight: 0}, 500);
		else
			$(option).animate({width: 'show',marginRight: 2}, 500);
	}
	
	
	
	$.applyScroll = function($container){
  	 
  	 	paginationCount = 0;
  	 
  	  	 $container.infinitescroll({
	        navSelector  : '#page_nav a',    // selector for the paged navigation 
	        nextSelector : '#page_nav a',  // selector for the NEXT link (to page 2)
	        itemSelector : '.element',     // selector for all items you'll retrieve
	        extraScrollPx : 0,
	        debug: false,
	        loading: {
	            finishedMsg: 'No more pages to load.',
	            img: 'http://i.imgur.com/qkKy8.gif'
	          }
	        },
	        
	        // call Isotope as a callback
	        function( newElements ) {
			  paginationCount++;
	          $container.isotope( 'insert', $( newElements ) ,function(){$.openItem();}); 
	          $.wordSet();
	          $.linktrack('Next page','page/'+paginationCount);
	        }
	      );
  	  
  	  
  	  }

	// add close all items
	
		
	$.closeItems = function(){
		$('.element').removeClass('expanded');
        $('.thumbnail').show();
        $('.backdrop').show();
        $('.play').show();
        $('.extendedContent').slideUp();
        $('#videoOverlay').html('');
        $.bookmark('');
	}
	
	$.more = function(){
		$('#videoMeta .close').hide();
		$('.more').click(function(){
			$.openItem();

			$('#featureExtended').slideDown();
			$(this).hide();
			$('#videoMeta .close').show();
			
			 $('#videoMeta .close').click(function(){
				  	
				  	$.closeItems();
				  	$('#videoMeta .close').hide();
				  	$('#videoMeta .more').show();
			        $container.isotope('reLayout');
			        $.openItem();
			        return false;
				})
			
			return false;
		});
	}
	
	
	// add expand click to items
	
	$.openItem = function(){
		$('#videoOverlay').html('');
		$('.extendedContent').hide();
		$('.linkDescription').hide();
		$('.play').show();
		
		$('.element').unbind('click');
		$('.thumbnail').unbind('mouseover');
		$('.thumbnail').unbind('mouseout');
		
		$('.thumbnail').mouseover(function(){
    	$(this).addClass('active');
    	$(this).find('.linkDescription').show();
		})
	    
	    $('.thumbnail').mouseout(function(){
			$(this).removeClass('active');
			$(this).find('.linkDescription').hide();
		})
		
		
		$('.element').each(function(){
			
			$(this).bind('click', function(e){
			
	        	$.openItem();
				$(this).unbind('click');
	        	$('.element').removeClass('expanded');
		        $('.thumbnail').show();
		        $('.play').show();
		        $('.backdrop').show();
		        $('.extendedContent').hide('');
		        
			
		        $.loadArticle(this);
	        
	        
		});
        
        })
      };

	$.loadVideo = function(id){
    
    	var embed ='<object id="myExperience'+id+'" class="BrightcoveExperience">';

    	embed +='<param name="bgcolor" value="#000000" />';
    	embed +='<param name="wmode" value="transparent">';
    	embed +='<param name="width" value="904" />';
    	embed +='<param name="height" value="509" />';
    	embed +='<param name="playerID" value="1150175498001" />';
    	embed +='<param name="playerKey" value="AQ~~,AAABC-FjfjE~,nGj2b_nKunIqSQQqUGbs78br6OLNR72t" />';
    	embed +='<param name="isVid" value="true" />';
    	embed +='<param name="isUI" value="true" />';
    	embed +='<param name="dynamicStreaming" value="true" />';
    	embed +='<param name="@videoPlayer" value="'+id+'" />';
    	embed +='</object>';
    	
    	$('#videoOverlay').html(embed);
    	
    	brightcove.createExperiences();

    }
    
		  
		   
      
	
	$.loadArticle = function($elem){
        
		
        	var type = $($elem).find('.type').html();
			var id = $($elem).attr('data-id');
	
			var path = '/random_acts/one/';
			
			if($($elem).attr('data-context') == 'external')
				path = '/random_acts/external/';

			  $($elem).unbind('click');
			  $($elem).find('.play').fadeOut();/*path+id+' .content*/
			  $($elem).find('.extendedContent').load('/item.php?' + ($ ($elem).hasClass ('mobile') ? 'mobile=1&' : '') + 'id=' + id + '&lang=' + lang + '&page=' + ($ ('#over-ons').length > 0 ? 'overons' : 'index'), function() {
			  
              var hash = document.location.pathname.replace(/#/g, "");
              var path = hash.split("/");
              
              $ ('.lang a').attr ('id', '');
              $ ('a.' + path [1]).attr  ('id', 'default');
            
              $ ('.lang a').each (function (i){
                  $ (this).attr ('href', '/nl/#' + id);
                
              }); 
              
              $($elem).addClass('expanded');
			  $($elem).find('.thumbnail').hide();
			  $($elem).find('.backdrop').hide();
	
			  //set url for article
			  $.bookmark(id);
			  
			  //track
			  //pageTitle = $($elem).find('.name').text();
              pageTitle = $($elem).attr('category');
			  $.linktrack(pageTitle,'view/'+id);
			  
			  $($elem).find('.extendedContent').show();
	
			  $('.close').click(function(){
				  	
				  	$.closeItems();
			        $container.isotope('reLayout');
			        $.openItem();
			        return false;
				})
				
				//$.social();
			  
			   activeVideo = $($elem);
		   
			   $container.isotope('reLayout',function(){
			   
			   setTimeout(function() {
                    var pos = $($elem).data('isotope-item-position')
                      , target = $container.offset().top + pos.y - $('#options').height()-50;
                    $(window).scrollTo(target, 500,function(){$.positionMenu()});
                    
                    if(type == 'video'){
					  		$media = $($elem).attr('data-media');
					  		$.loadVideo($media);
					  }
                    
                  }, animationDuration + 100);
			    
			   });
			  
			});
        
        
        }
        
        
        
        
        
  $.initNav = function($container){
      
      var $optionSets = $('#options .option-set'),
          $optionLinks = $optionSets.find('a');

      $optionLinks.click(function(e){
        var $this = $(this);
		e.preventDefault();
		$.closeItems();
        $.openItem();

        var $optionSet = $this.parents('.option-set');
        $optionSet.find('.selected').removeClass('selected');
        $this.addClass('selected');
  
        // make option object dynamically, i.e. { filter: '.my-filter-class' }
        var options = {},
            key = $optionSet.attr('data-option-key'),
            value = $this.attr('data-option-value');
        // parse 'false' as false boolean
        value = value === 'false' ? false : value;
        options[ key ] = value;
        
        if(key == 'sortBy' && value !='number')
        	options ['sortAscending'] = true;
        
        if(key == 'sortBy' && value =='number')
        	options ['sortAscending'] = false;
        
        $.linktrack(key,key+'/'+value);

         //filter controls based on the filter
        if($this.attr('data-option-value') == '*'){
        	 $.hideOption($('#sort li:eq(6)'),false);
        	 $.hideOption($('#sort li:eq(1)'),true);
        	 $.hideOption($('#sort li:eq(2)'),true);
        	 $.hideOption($('#sort li:eq(3)'),true);
        	 $.hideOption($('#sort li:eq(4)'),true);
        	 $.hideOption($('#sort li:eq(5)'),true);
        	 $.hideOption($('#sort li:eq(6)'),true);
        }
 
        if($this.attr('data-option-value') == '.linkItem' ){
        	 $.hideOption($('#sort li:eq(6)'),true);
        	 $.hideOption($('#sort li:eq(5)'),false);
        	 $.hideOption($('#sort li:eq(4)'),false);
        	 $.hideOption($('#sort li:eq(3)'),false);
        	 $.hideOption($('#sort li:eq(2)'),false);
        	 $.hideOption($('#sort li:eq(1)'),true);
        }
        
        if($this.attr('data-option-value') == '.commissionerItem'){
        	 $.hideOption($('#sort li:eq(6)'),false);
        	 $.hideOption($('#sort li:eq(5)'),false);
        	 $.hideOption($('#sort li:eq(4)'),true);
        	 $.hideOption($('#sort li:eq(3)'),false);
        	 $.hideOption($('#sort li:eq(2)'),false);
        	 $.hideOption($('#sort li:eq(1)'),false);
        }
        
        if($this.attr('data-option-value') == '.videoItem'){
        	 $.hideOption($('#sort li:eq(6)'),false);
        	 $.hideOption($('#sort li:eq(5)'),true);
        	 $.hideOption($('#sort li:eq(4)'),true);
        	 $.hideOption($('#sort li:eq(3)'),true);
        	 $.hideOption($('#sort li:eq(2)'),true);
        	 $.hideOption($('#sort li:eq(1)'),true);
        }
        
        if($this.attr('data-option-value') == '.videoItem'){
        	 $.hideOption($('#sort li:eq(6)'),false);
        	 $.hideOption($('#sort li:eq(3)'),true);
        	 $.hideOption($('#sort li:eq(2)'),true);
        	 $.hideOption($('#sort li:eq(1)'),true);
        }
        
        if($this.attr('data-option-value') == '.wordItem'){
        	 $.hideOption($('#sort li:eq(6)'),false);
        	 $.hideOption($('#sort li:eq(6)'),false);
        	 $.hideOption($('#sort li:eq(5)'),false);
        	 $.hideOption($('#sort li:eq(3)'),true);
        	 $.hideOption($('#sort li:eq(2)'),true);
        	 $.hideOption($('#sort li:eq(1)'),true);
        	 
        	 
        }
        
        if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
          // changes in layout modes need extra logic
          changeLayoutMode( $this, options )
        } else {
          // otherwise, apply new options
          $container.isotope( options );
        }

        return false;
      });
      };        
  
  
	$.screenScroll = function(){
	
		revert = false;
		navPos = $('#options').offset().top;
		
		scrollTimer = null;
	
		$(window).scroll(function() {
		
			//clearTimeout(scrollTimer);
    		//scrollTimer = setTimeout('', 5)
			//$.positionMenu();
			$.positionMenu();
			$.positionVideo();
			
			});
			
			

	}
	
	$.positionMenu = function(){
	    
		contentTop = $('#container').offset().top;
        
		if( navPos-$(window).scrollTop() <= 0 && !revert){
			$('#options').addClass('fixed');
        }
		else
			$('#options').removeClass('fixed');

	}
	
	
	$.positionVideo = function(){
		/*if(activeVideo){
				var videoPos = $(activeVideo).data('isotope-item-position');
				var containerPos = $($container).offset();
				
				videoOffset = videoPos.y+containerPos.top;
				
				
				$('#videoOverlay').offset({top: videoOffset});
                
			}*/
	}
	
	$.bookmark = function(path){
	
			if(path !='')
				window.location.hash = '#'+path;
			else
				window.location.hash = '#' + lang;
	
	}
	
	$.bookmarked = function(){
	     
        if (window.location.pathname == '')
        {
            window.location.href = '/nl/';
        }
        
        var path = window.location.pathname.split('/');
        hash = window.location.hash.replace(/#/g, "");;
        lang = path [0];
        
        if (window.location.hash.length > 1)
        {
            id = hash;
            
            if ($ ('#article' + id)) 
            {
            	$.loadArticle ($ ('#article'+id));
            }
        }
	
	}
	
	
	$.linktrack = function(pageTitle,linkname)
		{
			s.pageName = pageTitle;
			s.linkTrackVars	="prop65,eVar65";
			s.prop65	=s.pageName+"_"+linkname.toLowerCase();
			s.tl	(linkname,'o',linkname)
		
		}
		
		
	$.wordSet = function(){
	
		var x=0;
		var y=0;
		$('.phrase').each(function(){
			backgroundOffset = '-'+x+'px -'+y+'px';
			$(this).css('backgroundPosition', backgroundOffset);
			x+=145;
			if(x > 863){
				y+=145;
			}
		})
	};
	
	
	$.hideFeature = function(){
		$('.feature').html('')
		$('.feature').slideUp(1000);
		navPos = 0;
	
	
	
	}