var mySwiper, menuLink = document.getElementById('menuLink'),
 menu = document.getElementById('menu'),
 active = 'active',
 filmNum = 1;
 
function closestEdge(distLeft,distTop,w,h){
    var distBottom = (h - distTop);
    var distRight = (w - distLeft);
    var min = Math.min(distTop, distBottom, distLeft, distRight);
    switch (min) {
        case distLeft:
              return "left";
        case distRight:
            return "right";
        case distTop:
           return "top";
        case distBottom:
           return "bottom";
    }  
}
 toggleClass = function (element, className) {
        var classes = element.className.split(/\s+/),
            length = classes.length,
            i = 0;

        for(; i < length; i++) {
          if (classes[i] === className) {
            classes.splice(i, 1);
            break;
          }
        }
        // The className is not found
        if (length === classes.length) {classes.push(className);}
        element.className = classes.join(' ');
    };
menuLink.onclick = function (e) {
        e.preventDefault();
   //  $('#menu').toggleClass('acive');
     //$('#menuLink').toggleClass('acive');
      $('.telnum').toggleClass('hide');
    
		toggleClass(menu, active);
		toggleClass(menuLink, active);
        
};


$('.content').on('mouseenter',function(e){

if($('.categories').length == 0 && $('.content h2').css('position') != 'absolute'){

   var el = $(this).find('.banner');
   var w = $(this).width();
   var h = $(this).height();
   //var side = closestEdge(e.offsetX, e.offsetY, w, h);
   var side = Math.floor((Math.random() * 4) + 1)
   
    switch (side) {
     case 1:
     el.css('margin-left',w * -1);
     break;
     case 2:
      el.css('margin-left',w);
      break;
     case 3:
      el.css('margin-top',-h);
      break;
     case 4:
       el.css('margin-top',h);
       break;
    }
	
   el.animate({margin: '0', easing: 'linear'}, 200);
   }
});

$(function(){
	var bLazy = new Blazy();
//	FastClick.attach(document.body);
  	mySwiper = $('.swiper-container').swiper({
    //Your options here:
    mode:'horizontal',
    autoplay: 6000,
    speed:800,
    loop: true,
    onSlideClick:function(mySwiper){gotoProject($(mySwiper.activeSlide()),mySwiper.activeSlide().getAttribute('purl'),true)}
    //etc..
  });
})
$('.project .filmnav .right').on('mousedown',function(e){
	if($(this).hasClass('active')){
		filmNum++;
		$('#ifplayer').attr('src', 'http://www.youtube.com/embed/' + $('#filmids li:nth-child('+filmNum+')').attr('id') + '?' + $('#ifplayer').attr('src').split('?')[1]);
	
		$('.filmnav .left').addClass('active');
		if(filmNum == $('#filmids li').length){$(this).removeClass('active');}
	}
});

$('.project .filmnav .left').on('mousedown',function(e){
	if($(this).hasClass('active')){
		filmNum--;
		$('#ifplayer').attr('src', 'http://www.youtube.com/embed/' + $('#filmids li:nth-child('+filmNum+')').attr('id') + '?' + $('#ifplayer').attr('src').split('?')[1]);
		
		if(filmNum == 1){$(this).removeClass('active');}
		$('.filmnav .right').addClass('active');
	}
});

$('#jump').on('mousedown',function(e){gotoProject($(mySwiper.activeSlide()),mySwiper.activeSlide().getAttribute('purl'),true);});

$('.playbtn').on('mousedown',function(e){
	$('.vidset .content').html('<iframe id="ifplayer" title="YouTube video player" type="text/html" width="100%" height="100%" src="http://www.youtube.com/embed/'+$(this).attr('vid')+'?playsinline=1&autoplay=1&showinfo=0&color=white&theme=light&rel=0" frameborder="0" webkit-playsinline allowFullScreen></iframe>');
});


$('.thumb').on('mousedown',function(e){
  gotoProject($(this));
	//$('.box').animate({left: '100%', easing: 'easeout'}, 300 + Math.floor(Math.random() * 5)*100);
});




function gotoProject(el,url,isSlide){
$('#pagenav').hide();
// for going dark

//$('body').delay(500).css('background','#2f333d');
//$('.header').delay(500).css('background','#2f333d');
//$('#menu-right .pure-menu li').delay(500).css('background','#000');
//$('body').delay(500).css('height',$(window).height());
//$('.pure-menu a').delay(500).css('color','#999');
//$('.pure-menu .pure-menu-selected a').delay(500).css('color','#FFF');

var position;
if(isSlide){
  position = $('.carousel').offset();
} else {
  position = el.offset();
}

//alert(el.html());
if(!url){
	url = el.find('.content .blue .banner a').attr('href');
}

bg = el.find('.content').css('background-image');


$('#vidblock').css('background-image', bg);
$('#vidblock').css('left', position.left +'px');
$('#vidblock').css('top', position.top - $(window).scrollTop() +'px');
$('#vidblock').css('width', el.width());
$('#vidblock').css('height', el.height());
//$('#vidblock').addClass('slowanim');
//$('#vidblock').css('width', '900px');
//$('#vidblock').css('height', '500px');
var w = $('.vidset .content').width();
$('#vidblock').stop(true, true).delay(50).animate({'top': $('.header').height() + 45 +'px', 'left': '25px', 'width': w + 'px','height': w*0.56282+'px', easing: 'easeout'}, 400, function() {
    location.href = url ;
  });
var pos = 1;
$('.box').css('display','none');
$.each( $('.thumb'), function(  ) {
  // $(this).stop(true, true).delay(pos*20).animate({'margin-top':'100%', easing: 'easeout'}, 400);  
   pos++;
});

}