// JavaScript Document	
	var highest = 0;
	var currSelected;
	var curr_url;
	var next_url;
	var is_loading = false;
	var swf;
	var ANIMATE_TIME = 400;
	var prev_selected_clip = null;
	
	var items_loaded = 0;
	var finished_loading = false;
	
	var url;
	
	var movie_playing = false;
	

	
	function flash_ready()
	{
	   check_load("sound");
	}
	
	function load_site() {
		// init	
		swf = swfobject.createSWF(
								  { data: "swf/sound_player.swf",
								    width: "10",
									height: "10",
									style: "position: absolute"
									
								  },
									{}, "thesound");
		
		prevSelected = $("#nav-works > a");
		$(prevSelected).css("color", "white");
		
		loading_anim1();
		
		setup_carousel();
		setup_player();
	}
	
	function setup_player()
	{
	// Movie player //
				movie_playing=false;
				$f("player", "swf/flowplayer-3.1.3.swf", {
					onLoad: function () {
					   $("#description > p").html("Click play to watch.");
				   },
    				clip: { 
        				autoPlay: false, 
        				autoBuffering: false,
						      onStart: function () {
						         movie_playing=true;	
						      },
						      onResume: function () {
							        movie_playing=true;
						      },
						      onPause: function () {
							        movie_playing=false;
						      },
						
						      onStop: function () {
							        movie_playing=false;
						      },
						      onFinish: function () {
							        movie_playing=false;
					    	  }
    				}, 
    				plugins: { 
        			controls: {
        				  mute:false, 
              time:false, 
              height: 15,
              autoHide:"never",
              backgroundGradient: 'low',
              backgroundColor: '#262633',
              bufferColor: '#39398E',
              progressColor: '#1E1E49',
              progressGradient: 'none',
              sliderColor: '#000000',
              scrubberHeightRatio: 0.8,
              fullscreen: false
        },
						audio: { 
            				url: 'swf/flowplayer.audio-3.1.0.swf' 
        				} 
    				}  
				});
				check_load("samples");
	}
	
	// Methods for clicking play
	function setup_carousel()
	{
		$("#mycarousel > li > a").html("");
		$("#mycarousel > li > a").fadeTo(50, 0.0);
    	$('#mycarousel').jcarousel({
			 scroll: 4
    	});
    	
    	// Method for clicking play
		$("a[rel='play']").live("click", function() {
		  if (curr_url != "samples")
		  {
			  $(".menu_item > a[href='samples.php']").trigger("mousedown");
		  }
		  $(this).siblings('h1').addClass("selected");
		  
		  if (prev_selected_clip != null)
			  $(prev_selected_clip).siblings('h1').removeClass("selected");
		  prev_selected_clip = this;
		  
		  $f("player").play($(this).attr("href"));
		  loadDescription(this);
		  return false;
		
	   });
	
	   $("#mycarousel > li > a").hover(
		  function() {
			  $(this).fadeTo(250, 1.0);
		  },
		  function() {
			  $(this).fadeTo(250, 0.0);
		  }							
	   );
	}
	
	function check_load(component)
	{
		items_loaded++;
		/* Wait for load of 5 pages + flowplayer + the flash sound FX player */
	//	alert(component);
		if (items_loaded >= 6)
		{
			setTimeout ( "start_site()", 500);
		}
	}
	
	function start_site()
	{
		finished_loading = true;
		$("#nav_menu").css("display", "block");
		$("#loading_screen").hide();
		// Display samples page
		
		var menu_selector = "a[href='" + $(".page").html() + ".php']";
				
		$(menu_selector).trigger("mousedown"); 
		currSelected = $(menu_selector);
		curr_url = $(".page").html();

	}
	
	function loading_anim1()
	{
		if (finished_loading == true)
		   return;
		$("#loading_screen").fadeTo(250, 0.6, loading_anim2);
	}
	
	function loading_anim2()
	{
		$("#loading_screen").fadeTo(250, 1.0, loading_anim1);
	}
	
	
	

//-------- DOC READY -----------

	$(document).ready(function() {
		load_site();
		/***** NAVIGATION MENU *****/
		
		$(".menu_item > a").hover(
			function() {
				if ($(this).attr("href").replace(".php","") != curr_url)
					$(this).parent().css("background-color", "#4D4DC1");
			},
			
			function() {
				if ($(this).attr("href").replace(".php","") != curr_url)
					$(this).parent().css("background", "none");
			}
		);
		
		$("a[rel='nav']").live("mousedown",
		function() {
				var next = $(this).attr("href").replace(".php","");
				
				if (next == curr_url || next == next_url)
				   return;
				   
				if (is_loading == true)
				{
					curr_url = next_url; /* previously stored next_url */
					currSelected = $("a[href='" + next_url + ".php']");
				}
				
				next_url = next;	
				is_loading = true;
				
				var this_menu_link = $(".menu_item > a[href='" + next + ".php']"); 
				var par            = $(this_menu_link).parent();
				var currPar = $(currSelected).parent();
				
				$(currSelected).css("color", "white");
				$(currPar).stop();
				$(currPar).css("background", "none");
				
				$(this_menu_link).css("color", "white");
				//par.css("background", "none");
			
				var startpoint = $("body").width() + "px";
				var endpoint_num = -1 * ($("#content").offset().left + 780);
				//alert($("#content").offset().left);
			    var endpoint = endpoint_num + "px";
				$("#cont_"+next_url).css("left", startpoint);
				$("#cont_"+next_url).css("top", "0px");
				$("#cont_"+next_url).animate({left: "0px"},ANIMATE_TIME);
				$("#cont_"+curr_url).animate({left: endpoint}, 
										 ANIMATE_TIME, 
										 function() {
											$("#cont_"+curr_url).css("top", "-10000px");
											//$("#ripple2").css("display", "none");
											
										 	curr_url = next_url;
											is_loading = false;
											});
				if (curr_url == null)
			   curr_url = next_url;
			   // Send out ripple effect
			   var thisbutton_x = $(this_menu_link).position().left;
			   $("#ripple2").css("top", "-20px");
			   $("#ripple2").css("left", startpoint);
			   $("#ripple2").css("display", "block");
			
			   $("#ripple2").animate({
					left: thisbutton_x + "px"
			      }, 
			      ANIMATE_TIME,
			      function() {
				      $("#ripple2").css("display", "none");
				      par.css("background-color", "#C0C0FF");
				      par.animate({backgroundColor: "black"}, 1000);
			      }
			   );
				
				currSelected = this_menu_link;
				//if (swf && movie_playing==false)
				//	swf.playClickSound("");
		});
		
		$("a[rel='nav']").live("click", function() {
			return false;
      });
      
	});
	
// ------- DOC LOADED -----------	
		$(window).load(function () {
		  start_site();
  });

	
	function loadDescription(obj)
	 {
		 $(".samples_heading").html($(obj).siblings("h1").html());
		 $("#description > p").html($(obj).siblings("p").html());
		 $("#description").fadeIn(100);
	 }