$(document).ready(function() {


    $("div#promo-wrapper ul.controls").tabs("div#promo-wrapper > div.pane", {
        tabs : 'li',
        effect: 'fade',
        rotate: true
    }).slideshow({
        autoplay:true, interval:10000, clickable:false
    });
    $('a.media').media({
        attrs:     { wmode:  'transparent',allowFullScreen: 'true'},
        params:    { wmode: 'transparent' ,allowFullScreen: 'true'},
        width:'400',
        height:'300',
        caption:   false
    });

	$('input#date').datepicker();

});


/*
// add new effect to the tabs
$.tools.tabs.addEffect("horizontal", function(i, done) {

	// 1. upon hiding, the active pane has a ruby background color
	//this.getPanes().slideUp().css({backgroundColor: "#b8128f"});
   this.getPanes().animate({left: '-100%'});

	// 2. after a pane is revealed, its background is set to its original color (transparent)
	this.getPanes().eq(i).animate({left: 0},function()  {


		// the supplied callback must be called after the effect has finished its job
		done.call();
	});
});
*/