$(document).ready(function() {

/* Navigation */
	$('#menuRoot ul')
		.addClass('hide_me');
	$('.nav a')
		.css('cursor', 'pointer')
		.mouseover(function() {
			if ($(this).parent().parent().is('#menuRoot')) {
				$('#menuRoot ul')
					.slideUp('slow');
			}
			$(this)
				.parent()
				.children('ul')
				.slideToggle('slow');
		});
					
/*
	$('#menuRoot ul')
		.addClass('hide_me');
	$('.nav a')
		.css('cursor', 'pointer')
		.mouseover(function() {
			if ($(this).parent().parent().is('#menuRoot')) {
				$('#menuRoot ul')
					.hide('slow');
			}
			$(this)
				.parent()
				.children('ul')
				.slideToggle('slow');
		});


*/
/* Social Networking */
	$('#facebook').toggle();
	$('#fbicon').click(function() {
		if($('#twitter').is(':visible') == true) {
			$('#twitter').toggle('slow');
			$('#facebook').toggle('slow');
		}
		else {
			$('#facebook').toggle('slow');
		}
	});
	$('#twicon').click(function() {
		if($('#facebook').is(':visible') == true) {
			$('#facebook').toggle('slow');
			$('#twitter').toggle('slow');
		}
		else {
			$('#twitter').toggle('slow');
		}
	});	
	
/* Product Slides */
	$('.feature')
		.css({	'width': 600,
			 	'background-image': 'none',
			 	'margin': 0,
				'padding': 0,
				'border': 0
				
			 });

	var slideArr = $('.feature'),
		theseSlides = slideArr.length,
		slideWidth = 600,
		currentSlide = 0;

	slideArr
		.wrapAll('<div id="slideReel"></div>')
		.css({
			'margin': 0,
			'padding': 0,
			'border': 0
			});

	$('#slideReel')
		.css({	'width': slideWidth * theseSlides,
			 	'margin': 'auto',
			 });

		
	$('#slide') 
		.css({
			'width': slideWidth,
			'margin': '0px 55px 0px 55px',
			'overflow': 'hidden',
			})
		.wrapAll('<div id="buttons"></div>');
	
	$('#buttons')
		.css({	'width': slideWidth + 110,
				'margin': '0',
			})
		.prepend('<div id="leftButton"></div>')
		.prepend('<div id="rightButton"></div>');
	
	$('#leftButton')
		.bind('click', function()
			{
				changeSlide('left');
			})
		.hide();
		
	$('#rightButton')
		.bind('click', function()
			{
				changeSlide('right');
			});

	function changeSlide(direction)
	{
		if (direction == 'left')
			currentSlide -= 1;						
		else
			currentSlide += 1;
			
		$('#slideReel')
				.animate({
					'marginLeft': slideWidth*(-currentSlide)
						});
		
		if (currentSlide == 0)
			$('#leftButton').hide();
		else
			$('#leftButton').show();
			
		if (currentSlide == (theseSlides -1))
			$('#rightButton').hide();
		else
			$('#rightButton').show();

	};
});