$(document).ready(function() {
	

	//Set up tabbing					   
	$(function() {
		$('#tabbed_list > ul').tabs({ fx: { opacity: 'toggle' } });
	});
	
	
	
	$('.toggle').toggle(function() {
		$(this).parent('div').animate({
			height: '100%'
			}, 0, function() {
			// Animation complete.
		});
		
		$(this).text('View Less');
	}, function() {
		$(this).parent('div').animate({
			height: '100px'
			}, 0, function() {
			// Animation complete.
		});
		$(this).text('View More');
	});	
	
	$('.etoggle').toggle(function() {
		$(this).parent('div').animate({
			height: '100%'
			}, 0, function() {
			// Animation complete.
		});
		
		$(this).text('View Less');
	}, function() {
		$(this).parent('div').animate({
			height: '300px'
			}, 0, function() {
			// Animation complete.
		});
		$(this).text('View More');
	});	
	
	
	
	
	/*
 	$('.desc').toggle(function() {
		$(this).animate({
			height: '100%'
			}, 0, function() {
			// Animation complete.
		});
		
		$('.toggle').replaceWith('<a href="javascript:void(0);" class="toggle">View Less</a>');
	}, function() {
		$(this).animate({

			height: '100px'
			}, 0, function() {
			// Animation complete.
		});
		$('.toggle').replaceWith('<a href="javascript:void(0);" class="toggle">View More</a>');
	});	
	*/
	
	/*
 	$('.dDesc').toggle(function() {
		$(this).animate({
			height: '100%'
			}, 0, function() {
			// Animation complete.
		});
		
		$('.toggle').replaceWith('<a href="javascript:void(0);" class="toggle">View Less</a>');
	}, function() {
		$(this).animate({

			height: '200px'
			}, 0, function() {
			// Animation complete.
		});
		$('.toggle').replaceWith('<a href="javascript:void(0);" class="toggle">View More</a>');
	});
	*/	
	
	//Set up clickable blocks
	//$("#tabbed_list .item").click(function(){
    	//window.location=$(this).find("a").attr("href");return false;
	//});
	
	/* STYLING THE FORM */
	$(function(){$('form.freeform').jqTransform({imgPath:'js/form/img/'});})
	
	
	$('.dd').hide();
	
	$('#ttd').hover(function () {
		$('#discdrive .dd').hide()
		$(this).find('.dd').show()
	}, function () {
		//do nothing
	});
	$('#discdrive').hover(function () {
		$('#ttd .dd').hide()
		$(this).find('.dd').show()
	}, function () {
		//do nothing
	});
	
	$('.dd').hover(function () {
		//do nothing
	}, function () {
		$(this).next('.dd').hide()
	});
	
	$('#botnav').hover(function () {
		//do nothing
	}, function () {
		$('.dd').hide()
	});

	
	$('.nosub').hover(function () {
			$('.dd').hide()
	}, function () {
	
	});

	
});




function slideShow() {

	//Set the opacity of all images to 0
	$('#gallery a').css({opacity: 0.0});
	
	//Get the first image and display it (set it to full opacity)
	$('#gallery a:first').css({opacity: 1.0});
	
	//Set the caption background to semi-transparent
	$('#gallery .caption').css({opacity: 0.7});

	//Resize the width of the caption according to the image width
	$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
	
	//Get the caption of the first image from REL attribute and display it
	$('#gallery .content').html($('#gallery a:first').find('img').attr('alt'))
	.animate({opacity: 0.7}, 400);
	
	//Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
	setInterval('gallery()',6000);
	
}

function gallery() {
	
	//if no IMGs have the show class, grab the first image
	var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a:first'));

	//Get next image, if it reached the end of the slideshow, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));	
	
	//Get next image caption
	var caption = next.find('img').attr('alt');	
	
	//Set the fade in effect for the next image, show class has higher z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);

	//Hide the current image
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
	
	//Set the opacity to 0 and height to 1px
	$('#gallery .caption').animate({opacity: 0.0}, { queue:false, duration:50 }).animate({height: '1px'}, { queue:true, duration:300 });	
	
	//Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
	$('#gallery .caption').animate({opacity: 0.7},100 ).animate({height: '40px'},500 );
	
	//Display the content
	$('#gallery .content').html(caption);
	
	
}