(function($){

/****** Shuffle function from: http://james.padolsey.com/javascript/shuffling-the-dom/ *****/
    
$.fn.shuffle = function() {

        var allElems = this.get(),
            getRandom = function(max) {
                return Math.floor(Math.random() * max);
            },
            shuffled = $.map(allElems, function(){
                var random = getRandom(allElems.length),
                    randEl = $(allElems[random]).clone(true)[0];
                allElems.splice(random, 1);
                return randEl;
            });
        
        this.each(function(i){
            $(this).replaceWith($(shuffled[i]));
        });
        
        return $(shuffled);
    };
})(jQuery);
   
$(function(){
	       
   $(".grid")
       .css("opacity","0.8")
       .hover(function(){		   		   
		   $(this).css("opacity","1");
		   $('.grid' + this + 'img').css("border-bottom-color","#FFF");		   
       },
	   function() {
           $(this).css("opacity","0.8");
		  $('.grid' + this + 'img').css("border-bottom-color","#000"); 
       })
       
	   .click(function(){
			var video = $(this).attr('id').replace('movie_', '');			
			
			var imgcontainer = $('.mv_'+currentSlide).find('img');
						
			imgsrc = $(imgcontainer).attr('src')
			imgid = $('.mv_'+currentSlide).attr('id').replace('movie_', '');
			
			if(typeof imgsrc == 'undefined') {
				imgsrc = imgold;
				imgid =  imgidold;
				
				} else {
				imgold = imgsrc;
				imgidold = imgid;				
				}			
			
			//alert ("id: " + imgid + "  src: " + imgsrc + "   oldid:" + imgidold + "   oldsrc: " + imgold );
			
			var movie = '<iframe src="http://player.vimeo.com/video/' + video + '?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1"  height="447" width="800" frameborder="0"></iframe>';
			
			$('html, body').animate({ scrollTop: 0 }, 'slow');
			$('.playContent').cycle('pause');
			$('.mv_'+currentSlide).html(movie);
			$('.mv_'+currentSlide).addClass('vimeoPlay');
			$('.mv_'+currentSlide).find('.img').fadeOut();
			$('.mv_'+currentSlide).find('.playBtn').fadeOut();
			
			return false;
			
		});
       
   /****** FILTER - VIEW ALL CAT *****/
   $("#allcat").click(function(){
       $(".grid").fadeIn();
       $("#catpicker div").removeClass("current");
       $(this).addClass("current");
       return false;
   });
   
   /****** FILTER - CURRENT *****/
   $(".filter").click(function(){
        var thisFilter = $(this).attr("id");
        $(".grid").hide();
        $("."+ thisFilter).fadeIn();
        $("#catpicker div").removeClass("current");
        $(this).addClass("current");
        return false;
   });
   
   $(".grid").shuffle();

});
   
   
   $(document).ready(function() {
		
		/****** CYCLE - EFFECT *****/
		$('.playContent').cycle({
        fx:      'scrollHorz',
        timeout:  20,
        prev:    '.next',
        next:    '.prev',
		timeout: 7000, 
    	delay: -2000,
		after: onAfter
		});
		
		/****** CYCLE - PAUSE *****/
		$('.playContent').click(function() { 
			$('.playContent').cycle('pause'); 
		});
		
		/****** CYCLE - CURRENT SLIDE *****/
		function onAfter(curr,next,opts) {
			currentSlide = (opts.currSlide + 1)
		}

		/****** VIMEO - LOAD IFRAME *****/
		var container = $(this).find('.movieContainer');
		
		if(container.find('.playBtn').hasClass('checkThis')){
		}else{
			$(container).append('<div class="playBtn checkThis"><span></span></div>');
		}

		$(container).click(function(){
			var video = $(this).attr('id').replace('movie_', '');
			imgid = $(this).attr('id').replace('movie_', '');
			var movie = '<iframe src="http://player.vimeo.com/video/' + video + '?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1"  height="447" width="800" frameborder="0"></iframe>';
			
			var imgcontainer = $(this).find('img');
			
			imgsrc = $(imgcontainer).attr('src')
			
			$(this).html(movie);
			$(this).addClass('vimeoPlay');
			$(this).find('.img').fadeOut();
			$(container).find('.playBtn').fadeOut();
		});
		
		$(container).mouseover(function(){
			$(this).find('.playBtn').addClass('hover');
		});
		
		$(container).mouseleave(function(){
			$(this).find('.playBtn').removeClass('hover');
		});
		
		/****** CYCLE - NEXT BUTTON *****/
		$('.next').click(function(){			
			var subcontainer = $('.playContent').find('.mv_'+currentSlide);
			if(subcontainer.find('iframe')){
				var resetimg = '<img src="' + imgsrc + '" id="' + imgid + '" /><div class="playBtn checkThis"><span></span></div>';
				$('.vimeoPlay').html(resetimg);
				$('.movieContainer').removeClass('vimeoPlay');
				$('.playContent').cycle('resume');
			}
		});
		
		/****** CYCLE - PREV BUTTON *****/
		$('.prev').click(function(){			
			var subcontainer = $('.playContent').find('.mv_'+currentSlide);
			if(subcontainer.find('iframe')){
				var resetimg = '<img src="' + imgsrc + '" id="' + imgid + '" /><div class="playBtn checkThis"><span></span></div>';
				$('.vimeoPlay').html(resetimg);
				$('.movieContainer').removeClass('vimeoPlay');
				$('.playContent').cycle('resume');
			}
		});
					
	});