jQuery(document).ready(function(){
	
	// main nav
	jQuery('#nav-site > ul > li').hover(
		function(){	jQuery(this).find('ul').css('display', 'none').addClass('on').slideDown('fast'); },
		function(){	jQuery(this).find('ul').removeClass('on'); }
	)

	jQuery('#nav-site').find('li li').click(function(){ 
		jQuery(this).find('.brands').clone().appendTo('#nav-site')
		.draggable().hide().css('left', 0).fadeIn('fast')
		.find('.close').click(function(){
			jQuery(this).parent('.brands').fadeOut('fast').remove();
		});
		});
	
	//slideshow
	jQuery('#slideshow').slideshow();
	
	//tab behavior - recomended products
	jQuery('ul.tabs').tabs();
	jQuery('.recommendedcomponents .ui-tabs-nav').bind('tabsselect', function(e, ui){
		jQuery('.recommendedcomponents').find('li.on').removeClass('on');
		jQuery(ui.panel).find('li:first').addClass('on');
	});
	jQuery('.recommendedcomponents').find('li').bind('mouseover', function(){
		jQuery(this).parent('ul').find('li.on').removeClass('on');
		jQuery(this).addClass('on');
	});
	
	//text input clears
	jQuery('input[type=text]')
	.focus(function(){ if(this.value == this.defaultValue) this.value=''; })
	.blur(function(){ if(!this.value) this.value = this.defaultValue; });
	
	//category browse widget
	jQuery('#categorybrowse .submit').css('display', 'none');
	jQuery('#categorybrowse select').change(function(){
		jQuery('#categorybrowse').submit();
	});
	
	
});
jQuery.fn.slideshow = function() {
	var jQueryelem = jQuery(this);
	var jQueryimgs = jQueryelem.find('li');
	
	jQueryelem.addClass('rtslideshow');
	jQueryimgs.hide();
	jQueryelem.find('li:first').show().addClass('on');
	jQueryelem.append('<div id="slidecontrol"><a href="#" class="prev">&laquo; previous</a><ul></ul><a href="#" class="next">next &raquo;</a></div>');
	
	var jQuerycontrol = jQuery('#slidecontrol');
	var count=1;
	jQueryimgs.each(function(){
		jQuery(this).attr('id', 'img_'+count);
		jQuery('#slidecontrol ul').append('<li><a href="#img_'+count+'">'+count+'</a></li>');
		count++;
	});
	jQuerycontrol.find('li:first').addClass('on');
	jQuerycontrol.find('li a').each( function(){
		jQuery(this).click(function(){
			var img = jQuery(this).attr('href');
			img = img.substr(img.lastIndexOf('#'));
			jQuery('#slidecontrol li.on').removeClass('on');
			jQuery(this).parent('li').addClass('on').parents('#slidecontrol').prev().children('li.on').removeClass('on').fadeOut('fast', function(){
				jQuery(img).fadeIn('fast').addClass('on');
			});
			return false;
		});
	});
	
	function increment(direction){
		var length = jQuery('.rtslideshow > ul li').length;
		var current = jQuery('#slidecontrol li.on a').attr('href');
		current = current.substr(current.length - 1);
		var activate = parseInt(current) + direction;
		if (activate > length) activate = 1;
		if (activate < 1) activate = length;
		jQuery('#slidecontrol a:contains('+activate+')').trigger('click');
	}
	
	jQuerycontrol.find('.prev').click(function(){increment(-1);});
	jQuerycontrol.find('.next').click(function(){increment(1);});
	
}