$(document).ready(function() {
	
	// Expand Panel
	$("#open").click(function(){
		$("div#panel").slideDown("slow");
	});	
	
	// Collapse Panel
	$("#close").click(function(){
		$("div#panel").slideUp("slow");	
	});		
	
	// Switch buttons from "Log In | Register" to "Close Panel" on click
	$("#toggle a").click(function () {
		$("#toggle a").toggle();
	});	
	
});

$(function() { 
        $("#open").click(function() { 
          $("#toppanel").expose({api: true}).load(); 
 
    }); 
	 $("#close").click(function() { 
          $("#toppanel").expose({api: true}).close(); 
 
    }); 
	     }); 
	 	 	
			
$(function() {
 
 
/* here is the exposing part of this demo */
var expose = $("#player").expose({
 
	// return exposing API
	api: true,
 
 
	// use our customized mask
	maskId: 'exposeMask',
 
	// mask shows only 10% of the content through
	opacity: 0.9,
 
	// close expose slowly
	closeSpeed: 'slow',
 
	// we only want to close exposing when playback is finished
	// (or the ESC button is pressed)
	closeOnClick: false,
 
	// when the mask closes, alter its background color
	onBeforeClose: function() {
		this.getMask().css({backgroundColor: '#b8128f'});
		$f().pause();
	},
 
	// when the mask loads again, use the original background color
	onBeforeLoad: function() {
		this.getMask().css({backgroundColor: null});
	}
});
});

$(document).ready(function() { 
    $("#demo img[title]").tooltip('#footertip'); 
});