function MenuCall()
{  
  $('.menu').on('click', function(event){
    
    var classPopup = $(this).attr('class').replace('menu ', '').replace(' active', '');
		console.log('classPopup '+classPopup);
    
    // destroy all other
    $('.popup-menu').removeClass('active');
        
    /*
    // set position
    yyy = $(window).scrollTop()-event.pageY+234-40;
    xxx = $(document).width()/2 - event.pageX;
    $("."+classPopup).css("top", (yyy) + "px").css("left",(xxx) + "px");
    
    if(!isAlreadyActive)
    {
      //$('.' + classPopup).toggleClass('active');
    }

    // active this
    $('.' + classPopup).toggleClass('active');     
    */
    
    jQuery.ajax({
      url: "/form/form-cam-menu.php?ajax&cam_id=" + classPopup.replace('popup', '').replace('large', ''),
      success:function(data){
        if(data == 1) {}
        data = data.replace('popup-menu','popup-menu active');
        
        // set position
        offset = -20;
        if($('.video-view').length)
        {
          offset = 0;
        }
        
        yyy = $(window).scrollTop() - offset;
        xxx = $(document).width()/2 - 150;
        data = data.replace('class="popup-menu','style="top:'+ yyy +'px;left:'+ xxx +'px;" class="popup-menu');
        
        $('#content').append(data);
        
        PopupMenuCall();
      }
    });    
    
		return false;
	});
}
    
  function PopupMenuCall()
  {
  	//
  	$('.close-btn-js').on('click', function(){
  		$(this).parent().removeClass('active');
  		return false;
  	});

    $(".popup-menu").mouseleave(function(a) {
       $('.popup-menu').removeClass('active');
    })

  	$('.fs, .fs2').not('.chat-10').on('click', function(){
      window.open($(this).attr('href'),'_blank','scrollbars=yes, width=900, height=600');//, width=100%, height=100%
  		return false;
  	});

  	$('.fs.chat-10').on('click', function(){
      window.open($(this).attr('href'),'_blank','scrollbars=yes, width=1100, height=600');//, width=100%, height=100%
  		return false;
  	});                   
  }
  
$(function(){	
	
	var camItem = $('.cams-item'),
		nav = $('nav'),
		topRated = $('.top-rated-cams'),
   	 	underNavBar = $('.search-ordering-banner'),
   	 	refreshBtn = underNavBar.find('.refresh-btn'),
   	 	orderingOptions = $('.ordering-options'),
		searchBox = $('.settings-search').find('.search-box'),
	   	searchBoxInput = searchBox.find('input'),
	   	searchBoxButton = searchBox.find('button'),
	   	toggleElements = $('body, #content, .side-toggle-bar'),
		navShowingFunction = function() {
			if( $(this).width() <= 768) {
				nav.find('ul, .current-models-online').hide();
   				toggleElements.removeClass('toggle-side');
			} else {
				nav.find('ul, .current-models-online').show();
			}
		},
		sidebarHideFunction = function() {
			if( $(this).width() <= 1024) {
   				toggleElements.removeClass('toggle-side');
			}
		};

	//
  /*
	orderingOptions.find('.big-cubes').on('click', function(){
		camItem.not('.cams-item.large').css({'width':'280px'});
    camItem.not('.cams-item.large').toggleClass('big-cubes');

      jQuery.ajax({
        url: "/form/form-settings.php?ajax&listview=1",
        success:function(data){
          if(data == 1) {}
        }
      }); 
          
		return false;
	});

	orderingOptions.find('.small-cubes').on('click', function(){
		camItem.not('.cams-item.large').css({'width':'200px'});
    camItem.not('.cams-item.large').removeClass('big-cubes');

      jQuery.ajax({
        url: "/form/form-settings.php?ajax&listview=0",
        success:function(data){
          if(data == 1) {}
        }
      }); 
          
		return false;
	});
  */
  
	//
	underNavBar.find('.settings-menu-btn').on('click', function(){
		$('.settings-menu').toggleClass('active');
		return false;
	});

  
  
  /*
	$('.video-view').find('.close-btn').on('click', function(){
    
		$(this).parent().slideUp(450);
    $(this).parent().removeClass('activeVideo');
    $('.top-rated-cams').show();
		return false;
    
	});
  */
	//
	topRated.find('.hide-banner').on('click', function(){
		topRated.find('ul').toggle();
   		$(this).text(function(i, text){
	    	return text === "Show" ? "Hide" : "Show";
	    });
		return false;
	});

	/*
  camItem.find('.view-foil').on('click', function(){
		$('.video-view').slideDown(450);
	});
  */

  PopupMenuCall();
  
  MenuCall();
  

  
  /*
  $('[data-like]').on('click', function(event){
    event.preventDefault();
    
    console.log('datalike '+ $(this).attr('data-like'));
    console.log(' '+ $(this).html());
    
    camId = $(this).attr('data-like'); 
    //.parent().removeClass("active")
        
    jQuery.ajax({
      url: "/form/form-cam-like.php?ajax&cam_id=" + camId,
      success:function(data){
        $(this).html('Liked');
        if(data == 1) 
        {
          $(this).html('Liked');
        }
        else if(data == 2) 
        {
          $(this).html('Unliked');
        }
        else if(data == -1) 
        {
          alert('You have to be logged in.');
        }
        else if(data == 0) 
        {
          alert('Something wrong.');
        }
      }
  });   
    
		return false;
	}); 
  */
  
  $('[data-like]').on('click', function(event){
    event.preventDefault();
    
    camId = $(this).attr('data-like');
    
    if(camId > 0)
    {
      type = '';    
          
      jQuery.ajax({
        url: "/form/form-cam-likes.php?ajax&cam_id=" + camId + "&" + type,
        success:function(data){
          
          if(data >= 1) 
          {
            $('[data-like="'+camId+'"]').attr("class", "active");
            
            $('[data-like="'+camId+'"] span').html('' + data);
            
            $('[data-like="'+camId+'"]').attr('data-like',0);
            
          }
          else if(data == '-1') 
          {
            alert('You have to be logged in.');
          }
          else
          {
            alert('Something wrong.');
          }
        }
      });
    }
        
		return false;
	});
    
  $('[data-fav]').on('click', function(event){
    event.preventDefault();
    
    camId = $(this).attr('data-fav');
    classN = $(this).attr('class').replace('heart ', '');

    console.log('datafav '+ camId);
    console.log(' '+ classN);
    
    if(classN == 'fav-remove')
    {
      type = 'nehlidat';
    }
    else
    {
      type = 'hlidat';
    }
        
        
    jQuery.ajax({
      url: "/form/form-cam-favourite.php?ajax&cam_id=" + camId + "&" + type,
      success:function(data){
        
        if(data == '1') 
        {
          $('[data-fav="'+camId+'"]').attr('class', 'heart fav-remove');
        }
        else if(data == '2') 
        {
          $('[data-fav="'+camId+'"]').attr('class', 'heart fav-add');
        }
        else if(data == '-1') 
        {
          alert('You have to be logged in.');
        }
        else
        {
          alert('Something wrong.');
        }
      }
    });
    
		return false;
	});

  // tags
  $('[data-tag-id]').on('click', function(event){
  
    $('[data-tag-id]').attr('class', '');
    $(this).attr('class', 'active');
  
    jQuery.ajax({
      url: "/form/form-cam-tags.php?ajax&tag_id=" + $(this).attr('data-tag-id') + "&cam_gender=" + $(this).attr('data-tag-gender'),
      success:function(data){
        
        
        
        $('.ajax-tags').html(data);

        PopupMenuCall();
        MenuCall();
      }
    });    
    
		return false;
	});      
  
  $("[data-tag-id].first").trigger("click");
 
  /*
	$('.video-view').find('.menu').on('click', function(){
    var classPopup = $(this).attr('class').replace('menu ', '').replace(' active', '');
    console.log('v '+classPopup);
		$('.' + classPopup).toggleClass('active');
    
		return false;
	});
  */
  
	$('.connect').on('click', function(){
		$('.shareIcons').toggle();
		return false;
	});

	//
	$('.comments-heading').find('.toggle').on('click', function(e){
		$('.comments').toggle();
   		$(this).text(function(i, text){
	    	return text === "Show Comments" ? "Hide Comments" : "Show Comments";
	    });
	    return false;
	});

	// mobile nav toggling
	nav.find('.mob-nav-btn').on('click', function(){
		nav.find('ul, .current-models-online').toggle();
	});

	// show/hide ul in nav according to window width - and also sidebar
	navShowingFunction();
	sidebarHideFunction();
	$(window).resize(sidebarHideFunction);
	$(window).resize(navShowingFunction);

	// 
	$('html').on('click', function() {
	   	searchBoxInput.removeClass('extend');
	   	searchBoxButton.bind('click');
  	});

  	searchBoxInput.on('click', function(event){
		event.stopPropagation();
  	});

   searchBoxButton.on('click', function(event){
		event.stopPropagation();
		event.preventDefault();
	   	searchBoxInput.addClass('extend');
	   	searchBoxButton.off('click');
      
      searchBoxInput.focus();
   });

   //
   $('.side-bar-toggling a').on('click', function(){
   		toggleElements.toggleClass('toggle-side');
   		$(this).text(function(i, text){
	    	return text === "Show <<<" ? "Hide >>>" : "Show <<<";
	    });
   });

   //
   refreshBtn.find('li span').on('click', function(){
   		refreshBtn.toggleClass('active');
   });

   //
   underNavBar.find('.invert-colors-btn').on('click', function(){	
   		$('html').toggleClass('light');
   		$(this).toggleClass('active');
      
      var className = $('html').attr('class');
      var value = 0;
      if(className.indexOf("light") >= 0)
      {
        var value = 1;
      }

      jQuery.ajax({
        url: "/form/form-settings.php?ajax&whiteview=" + value,
        success:function(data){
          if(data == 1) {}          
        }
      });      
   });
   
   // auto btn   
   jQuery('.autoroom-btn').on('click', function(event){
   		 event.preventDefault();
       $('.autoroom-menu').toggleClass('active');
   });

   jQuery('.autoroom-menu li a').on('click', function(event){
   		 event.preventDefault();
       
       $('.autoroom-menu a').removeClass('active');
       $(this).toggleClass('active');
       
       autoRoomCall();
   });   
   
      
    function autoRoomCall()
    {
       if(jQuery('.autoroom-menu li a.active').length)
       {
         auto = jQuery('.autoroom-menu li a.active').attr('data-toggle');
         
         if(auto > 0)
         {
           setTimeout(function(){
            if(jQuery(".autoroom-next").length && jQuery(".video-view.activeVideo").length)
            {
              window.location = jQuery(".autoroom-next").attr('href').replace('#', '&autoroom=' + auto + '#');
            }
           
           }, auto*1000);
         }
       }    
    }
   
   autoRoomCall();
   
   // slick plugin settings
   $('#slider').slick({

		infinite: true,
		slidesToShow: 8,
		slidesToScroll: 4,
		dots: false,
		adaptiveHeight: true,
		autoplay: true,
		autoplaySpeed: 6000,
		speed: 600,
		adaptiveHeight: true,

		responsive: [{
		  breakpoint: 3000,
		  settings: {
		    slidesToShow: 6,
			slidesToScroll: 4,
		  }
		},{
		  breakpoint: 2560,
		  settings: {
		    slidesToShow: 5,
			slidesToScroll: 3,
		  }
		},{
		  breakpoint: 1600,
		  settings: {
		    slidesToShow: 4,
			slidesToScroll: 2,
		  }
		}, {
		  breakpoint: 768,
		  settings: {
		    slidesToShow: 2,
			slidesToScroll: 2,
		  }
		}, {
		  breakpoint: 480,
		  settings: {
		    slidesToShow: 1,
			slidesToScroll: 1,
		  }
		}]
	});

  jQuery('.datetimepicker_date').datetimepicker({
  	lang:'en',
  	timepicker:false,
  	format:'Y/m/d',
  	formatDate:'Y/m/d'
  });
  
  jQuery('.datetimepicker_datetime').datetimepicker({
    lang:'en',
  	format:'d.m.Y H:i',
  	formatDate:'d.m.Y',
    formatTime:'H:i'
  });

  if($('form.form, form.wwwjs').length)
  {
    $('<input type="hidden" name="wwwjs" value="wwwjs">').appendTo($('form.form, form.wwwjs'));
  }
  
  morelesstext('.review-item-body-text', 360, 'Read More', 'Hide');

  if(jQuery(".grafIframe").length)
  {
  	jQuery(".grafIframe").fancybox({
      'width'				: '800',
      'height'			: '700',
      'autoScale'     	: true,
      'transitionIn'		: 'none',
      'transitionOut'		: 'none',
      'type'				: 'iframe',
      scrolling   : 'no',
      fitToView   : true
  	});
  }
  
  var acc = document.getElementsByClassName("accordion");
  var i;
  
  for (i = 0; i < acc.length; i++) {
      acc[i].addEventListener("click", function() {
          this.classList.toggle("active");
          var panel = this.nextElementSibling;
          if (panel.style.display === "block") {
              panel.style.display = "none";
          } else {
              panel.style.display = "block";
          }
      });
  }

  if(jQuery("table.tableWithFloatingHeader").length)
  {
    //jQuery("table.tableWithFloatingHeader").stickyTableHeaders({scrollableArea: jQuery('.list-view-container')[0], fixedOffset: 1});
    jQuery("table.tableWithFloatingHeader").stickyTableHeaders({fixedOffset: 1});

    jQuery("table.tableWithFloatingHeader tbody tr").click(function(){
      if(jQuery(this).css('background-color') == 'rgb(255, 255, 0)')
      {
        jQuery(this).css('background-color',' white');
      }
      else
      {
        jQuery(this).css('background-color',' yellow');
      }
    });
  }

      
});