jQuery(function ($)  {
    //alert("The DOM is now loaded and can be manipulated.");
	try {
	
	$("#title div:not(:first)").hide();
	var flow = $f("player", {src: 'flowplayer/flowplayer-3.1.3.swf', wmode: 'opaque'},  { 
    //var flow = $("#player").flowplayer({src: 'flowplayer/flowplayer-3.1.0.swf', wmode: 'opaque'},  {
    // default configuration for a clip 
    	clip: conf.defaults, 
     
    	// setup controlbar to use our "gray" skin 
    	plugins: {         
    	    controls: conf.skins.darkdog         
    	} 
     
	}); 

	$("#clips a").css("opacity", 0.6);
	//$("#clips a").css("overflow", "hidden");
	/*$("#clips a").animate( { width:"60px" }, { queue:false, duration:600 } )
        	.animate( { height:"60px" }, 600 );*/
	//$("#clips a").css("width", "60px");
	//$("#clips a").css("height", "60px");
	
	//$("#clips a").fadeTo("slow", 0.6);
	$("#clips a").hover(
      function () {
      	$(this).css("opacity", 1);
      	//$(this).fadeTo("slow", 1);
      	//$(this).animate( { width:"120px" }, { queue:false, duration:600 } )
        //.animate( { height:"120px" }, { queue:false, duration:600 } );
      }, 
      function () {
      	$(this).css("opacity", 0.6);
      	//$(this).fadeTo("fast", 0.6);
      	//$(this).animate( { width:"60px" }, { queue:false, duration:600 } )
        //.animate( { height:"60px" }, { queue:false, duration:600 } );
      }
    );	
	
	$("#clips a").click(function() {
		// play the clip specified in href- attribute with Flowplayer
		//alert(this.href);
		$("#title div").hide();
		flow.play(this.href);
		$("#title_" + this.id).slideDown(200);
		// by returning false normal link behaviour is skipped
		
		return false;
	});
	
	}
	catch(err){}
});