jQuery(document).ready(function() {
	// Drop Down Menu (multi level)
	jQuery("#topmenu ul li").hover(function(){
		jQuery(this).find('ul:first').css({visibility: "visible",display: "none"}).slideDown(300); 
	},function(){
		jQuery(this).find('ul:first').css({visibility: "hidden"});
	});
	
	// Overlay
	jQuery("img[rel]").overlay();
	
	// Tooltip
	jQuery("#demo img[title]").tooltip('#demotip');

	// Scrolable
	jQuery(function() {
		jQuery("div.scrollable").scrollable();

	});

	// Tabs
	jQuery(function() {
		jQuery("ul.tabs").tabs("div.css-panes > div", {		
			effect: 'fade',
			onBeforeClick: function(event, i) {
				var pane = this.getPanes().eq(i);
				if (pane.is(":empty")) {
					pane.load(this.getTabs().eq(i).attr("href"));
				}
			}
		});
	});

	// Flash
	jQuery(function() {
		jQuery("div.tabs").tabs(".images > div", {
			effect: 'fade',
			fadeOutSpeed: "slow",
			rotate: true
		}).slideshow({autoplay:true, interval: 10000, autopause: true});
	});

	// Compare Colors
	jQuery(function() {
		jQuery("#table tr:even").addClass("eventr");
		jQuery("#table tr:odd").addClass("oddtr");
		jQuery("#table td").mouseover(function() {jQuery(this).addClass("trover");}).mouseout(function() {jQuery(this).removeClass("trover");}).click(function() {jQuery(this).toggleClass("trclick");}); 
	});
	jQuery(function() {
		jQuery("#compare tr:even").addClass("eventr");
		jQuery("#compare tr:odd").addClass("oddtr");
		jQuery("#compare td").mouseover(function() {jQuery(this).addClass("trover");}).mouseout(function() {jQuery(this).removeClass("trover");}).click(function() {jQuery(this).toggleClass("trclick");}); 
	});

});