$(document).ready(function(){
	//setup video
	VideoJS.setupAllWhenReady();

	//start smooth tabs
	$('.smoothTabs').smoothTabs(500);


	//start homepage jPlayer
	$("#jquery_jplayer_home").jPlayer({
		ready: function () {
			$(this).jPlayer("setMedia", {
				m4a: "http://www.elements-music.co.uk/mp3-players/mp3s/classical/arrangments/mp3/Asturias-mixed.aac",
				oga: "http://www.elements-music.co.uk/mp3-players/mp3s/classical/arrangments/mp3/Asturias-mixed.ogg"
				}).jPlayer("stop");
			},
			ended: function (event) {
				$(this).jPlayer("play");
			},
			swfPath: "/js/Jplayer.swf",
			supplied: "m4a, oga"
		});


		//facebook share
	
		$('.fbshare-btn').click(function(){
			FB.ui(
		   {
		     method: 'feed',
			 perms: 'read_stream,publish_stream',
		     name: 'Elements Music',
		     link: 'http://elements-music.co.uk/',
		     picture: 'http://www.elements-music.co.uk/images/new-logo1.png',
		     caption: 'Check out music on this site.',
		     description: 'Elements Music is a production company, composing and producing various styles and genres of music from composer Joe Mewes. We also provide sound design and foley services.',
		     message: 'Check out music on this site.'
		   },
		   function(response) {
		     if (response && response.post_id) {
		       alert('Post was published.');
		     } else {
		       alert('Post was not published.');
		     }
		   }
		 );
	 });
	
	
		$('.twshare-btn').click(function(){
			window.open('http://twitter.com/share?url=http://www.elements-music.co.uk&amp;text=Check%20out%20the%20new%20music%20%40Elements_Music&amp;count=none/", "tweet", "height=450,width=550,resizable=1' )
		
		})

		
		//project menu nav

		  var read_button = function(class_names) {
		    var r = {
		      selected: false,
		      type: 0
		    };
		    for (var i=0; i < class_names.length; i++) {
		      if (class_names[i].indexOf('selected-') == 0) {
		        r.selected = true;
		      }
		      if (class_names[i].indexOf('segment-') == 0) {
		        r.segment = class_names[i].split('-')[1];
		      }
		    };
		    return r;
		  };

		  var determine_sort = function($buttons) {
		    var $selected = $buttons.parent().filter('[class*="selected-"]');
		    return $selected.find('a').attr('data-value');
		  };

		  var determine_kind = function($buttons) {
		    var $selected = $buttons.parent().filter('[class*="selected-"]');
		    return $selected.find('a').attr('data-value');
		  };

		  var $preferences = {
		    duration: 800,
		    easing: 'easeInOutQuad',
		    adjustHeight: false
		  };

		  var $list = $('#list');
		  var $data = $list.clone();

		  var $controls = $('ul.splitter ul');

		  $controls.each(function(i) {

		    var $control = $(this);
		    var $buttons = $control.find('a');

		    $buttons.bind('click', function(e) {

		      var $button = $(this);
		      var $button_container = $button.parent();
		      var button_properties = read_button($button_container.attr('class').split(' '));      
		      var selected = button_properties.selected;
		      var button_segment = button_properties.segment;

		      if (!selected) {

		        $buttons.parent().removeClass('selected-0').removeClass('selected-1').removeClass('selected-2');
		        $button_container.addClass('selected-' + button_segment);

		        var sorting_type = determine_sort($controls.eq(1).find('a'));
		        var sorting_kind = determine_kind($controls.eq(0).find('a'));

		        if (sorting_kind == 'all') {
		          var $filtered_data = $data.find('li');
		        } else {
		          var $filtered_data = $data.find('li.' + sorting_kind);
		        }
		       

		        $list.quicksand($sorted_data, $preferences);

		      }

		      e.preventDefault();
		    });

		  });
		
		
		//all hover functions
		
		$('.litUp').addClass('lowlight');
		
		//EXECUTE HOVER HIGHLIGHT FUNTION
		$('.litUp').mouseover(function(){
				$(this).addClass('highlight');
				$(this).removeClass('lowlight');
		});
		
		$('.litUp').mouseleave(function(){
				$(this).addClass('lowlight');
				$(this).removeClass('highlight');
		});		
		
		$('.fbshare-btn').mouseover(function(){
			$(this).addClass('hover')
		});
		
		$('.fbshare-btn').mouseleave(function(){
				$(this).removeClass('hover');
		});
		
		$('.twshare-btn').mouseover(function(){
			$(this).addClass('hover')
		});
		
		$('.twshare-btn').mouseleave(function(){
			$(this).removeClass('hover')
		});
		
});




