$(document).ready(function(){

	$("#slider").easySlider({
		auto: true,
		continuous: true,
		controlsShow: false,
		pause: 5000,
		speed: 500
	});


	// setup ul.tabs to work as tabs for each div directly under div.panes
    $("ul.css-tabs:first").tabs("div.css-panes:first > div").history();

    // setup ul.tabs to work as tabs for each div directly under div.panes
    $("ul.img-tabs:first").tabs("div.img-panes:first > div").history();


  // call the tablesorter plugin
    $("table.products").tablesorter({
        // sort on the first column and third column, order asc
        sortList: [[0,0]]
    });

    $("table.products tr:even").addClass("oddrow");

    // select one or more elements to be overlay triggers
    $("table.products img").overlay();
    $("#imageshow2 > img").overlay();
    
    
    		// install flowplayer into flowplayer container
	var player = $f("player", "http://www.hebeler-zweirad.de/cms/user_js/flowplayer-3.2.2.swf");
	
	// setup button action. it will fire our overlay 
	$("button[rel]").overlay({
		
		// use the Apple effect for overlay
	
		
		// when overlay is opened, load our player
		onLoad: function() {
			player.load();
		},
		
		// when overlay is closed, unload our player
		onClose: function() {
			player.unload();
		}
	});

});