// text-flash flash
// text-cdrom cdrom
// text-screen screensavers
// text-touch touch
// text-dvd dvd
// 			slideDownall
// 


$(document).ready(function(){

	var $tFHeight = $(".text-flash-content").height(); 
	var $tCHeight = $(".text-cdrom-content").height(); 
	var $tSHeight = $(".text-screen-content").height(); 	
	var $tTHeight = $(".text-touch-content").height(); 	
	var $tDHeight = $(".text-dvd-content").height(); 
	
	var $tFHeightOrig = $(".text-flash-content").height(); 
	var $tCHeightOrig = $(".text-cdrom-content").height(); 
	var $tSHeightOrig = $(".text-screen-content").height(); 	
	var $tTHeightOrig = $(".text-touch-content").height(); 	
	var $tDHeightOrig = $(".text-dvd-content").height();	

	//SHOW ALL
	$('.showall').click(function(){
		
		$('.flash').attr('class','flash');
		$('.showall').attr('class', 'showall selected');
		$('.cdrom').attr('class', 'cdrom');
		$('.screensavers').attr('class', 'screensavers');
		$('.touch').attr('class', 'touch');
		$('.dvd').attr('class', 'dvd');
		
		$('#text-flash .text-flash-content').css({height: $tFHeight});
		$('#text-flash .text-flash-content').show(1000);
		$('#text-cdrom .text-cdrom-content').css({height: $tCHeight});
		$('#text-cdrom .text-cdrom-content').show(1000);
		$('#text-screen .text-screen-content').css({height: $tSHeight});
		$('#text-screen .text-screen-content').show(1000);
		$('#text-touch .text-touch-content').css({height: $tTHeight});
		$('#text-touch .text-touch-content').show(1000);
		$('#text-dvd .text-dvd-content').css({height: $tDHeight});
		$('#text-dvd .text-dvd-content').show(1000);	
		
		$('#text-flash h1').animate({fontSize: "2.8em"}, 800);
		$('#text-cdrom h1').animate({fontSize: "2.8em"}, 800);
		$('#text-screen h1').animate({fontSize: "2.8em"}, 800);
		$('#text-touch h1').animate({fontSize: "2.8em"}, 800);
		$('#text-dvd h1').animate({fontSize: "2.8em"}, 800);						
		
	});
	
	//FLASH
	$('#flash').click(function(){
		
		$('.flash').attr('class','flash selected');
		$('.showall').attr('class', 'showall');
		$('.cdrom').attr('class', 'cdrom');
		$('.screensavers').attr('class', 'screensavers');
		$('.touch').attr('class', 'touch');
		$('.dvd').attr('class', 'dvd');
		
		$('#text-cdrom .text-cdrom-content').css({height: $tCHeight});
		$('#text-cdrom .text-cdrom-content').slideUp(1000);
		$('#text-screen .text-screen-content').css({height: $tSHeight});	
		$('#text-screen .text-screen-content').slideUp(1000);
		$('#text-touch .text-touch-content').css({height: $tTHeight});	
		$('#text-touch .text-touch-content').slideUp(1000);
		$('#text-dvd .text-dvd-content').css({height: $tDHeight});
		$('#text-dvd .text-dvd-content').slideUp(1000);
		//now the headings
		
		$('#text-cdrom h1').animate({fontSize: "1.3em"}, 800);
		$('#text-screen h1').animate({fontSize: "1.3em"}, 800);
		$('#text-touch h1').animate({fontSize: "1.3em"}, 800);
		$('#text-dvd h1').animate({fontSize: "1.3em"}, 800);

		$('#text-flash .text-flash-content').css({height: $tFHeight});
		$('#text-flash .text-flash-content').slideDown(1000);
		$('#text-flash h1').animate({fontSize: "2.8em"}, 800);
		
		
	});
	$('#flash-heading').click(function(){
		
		$('.flash').attr('class','flash selected');
		$('.showall').attr('class', 'showall');
		$('.cdrom').attr('class', 'cdrom');
		$('.screensavers').attr('class', 'screensavers');
		$('.touch').attr('class', 'touch');
		$('.dvd').attr('class', 'dvd');
		
		$('#text-cdrom .text-cdrom-content').css({height: $tCHeight});
		$('#text-cdrom .text-cdrom-content').slideUp(1000);
		$('#text-screen .text-screen-content').css({height: $tSHeight});	
		$('#text-screen .text-screen-content').slideUp(1000);
		$('#text-touch .text-touch-content').css({height: $tTHeight});	
		$('#text-touch .text-touch-content').slideUp(1000);
		$('#text-dvd .text-dvd-content').css({height: $tDHeight});
		$('#text-dvd .text-dvd-content').slideUp(1000);
		//now the headings
		
		$('#text-cdrom h1').animate({fontSize: "1.3em"}, 800);
		$('#text-screen h1').animate({fontSize: "1.3em"}, 800);
		$('#text-touch h1').animate({fontSize: "1.3em"}, 800);
		$('#text-dvd h1').animate({fontSize: "1.3em"}, 800);

		$('#text-flash .text-flash-content').css({height: $tFHeight});
		$('#text-flash .text-flash-content').slideDown(1000);
		$('#text-flash h1').animate({fontSize: "2.8em"}, 800);
		
		
	});
	
	
	//CDROM
	$('#cdrom').click(function(){
		
		$('.flash').attr('class','flash');
		$('.showall').attr('class', 'showall');
		$('.cdrom').attr('class', 'cdrom selected');
		$('.screensavers').attr('class', 'screensavers');
		$('.touch').attr('class', 'touch');
		$('.dvd').attr('class', 'dvd');
		
		$('#text-flash .text-flash-content').css({height: $tFHeight});
		$("#text-flash .text-flash-content").slideUp(1000);
		$('#text-screen .text-screen-content').css({height: $tSHeight});
		$("#text-screen .text-screen-content").slideUp(1000);
		$('#text-touch .text-touch-content').css({height: $tTHeight});
		$("#text-touch .text-touch-content").slideUp(1000);
		$('#text-dvd .text-dvd-content').css({height: $tDHeight});
		$("#text-dvd .text-dvd-content").slideUp(1000);
		//now the headings
		$('#text-flash h1').animate({fontSize: "1.3em"}, 800);
		$('#text-screen h1').animate({fontSize: "1.3em"}, 800);
		$('#text-touch h1').animate({fontSize: "1.3em"}, 800);
		$('#text-dvd h1').animate({fontSize: "1.3em"}, 800);
		
		$('#text-cdrom .text-cdrom-content').css({height: $tCHeight});
		$('#text-cdrom .text-cdrom-content').slideDown(1000);
		$('#text-cdrom h1').animate({fontSize: "2.8em"}, 800);
		
	});
	$('#cdrom-heading').click(function(){
		
		$('.flash').attr('class','flash');
		$('.showall').attr('class', 'showall');
		$('.cdrom').attr('class', 'cdrom selected');
		$('.screensavers').attr('class', 'screensavers');
		$('.touch').attr('class', 'touch');
		$('.dvd').attr('class', 'dvd');
		
		$('#text-flash .text-flash-content').css({height: $tFHeight});
		$("#text-flash .text-flash-content").slideUp(1000);
		$('#text-screen .text-screen-content').css({height: $tSHeight});
		$("#text-screen .text-screen-content").slideUp(1000);
		$('#text-touch .text-touch-content').css({height: $tTHeight});
		$("#text-touch .text-touch-content").slideUp(1000);
		$('#text-dvd .text-dvd-content').css({height: $tDHeight});
		$("#text-dvd .text-dvd-content").slideUp(1000);
		//now the headings
		$('#text-flash h1').animate({fontSize: "1.3em"}, 800);
		$('#text-screen h1').animate({fontSize: "1.3em"}, 800);
		$('#text-touch h1').animate({fontSize: "1.3em"}, 800);
		$('#text-dvd h1').animate({fontSize: "1.3em"}, 800);
		
		$('#text-cdrom .text-cdrom-content').css({height: $tCHeight});
		$('#text-cdrom .text-cdrom-content').slideDown(1000);
		$('#text-cdrom h1').animate({fontSize: "2.8em"}, 800);
		
	});
	//SCREEN
	$('#screensavers').click(function(){
		
		$('.flash').attr('class','flash');
		$('.showall').attr('class', 'showall');
		$('.cdrom').attr('class', 'cdrom');
		$('.screensavers').attr('class', 'screensavers selected');
		$('.touch').attr('class', 'touch');
		$('.dvd').attr('class', 'dvd');
		
		$('#text-flash .text-flash-content').css({height: $tFHeight});	
		$('#text-flash .text-flash-content').slideUp(1000);
		$('#text-cdrom .text-cdrom-content').css({height: $tCHeight});
		$('#text-cdrom .text-cdrom-content').slideUp(1000);
		$('#text-touch .text-touch-content').css({height: $tTHeight});
		$('#text-touch .text-touch-content').slideUp(1000);
		$('#text-dvd .text-dvd-content').css({height: $tDHeight});
		$('#text-dvd .text-dvd-content').slideUp(1000);
		//now the headings
		$('#text-flash h1').animate({fontSize: "1.3em"}, 800);
		$('#text-cdrom h1').animate({fontSize: "1.3em"}, 800);
		$('#text-touch h1').animate({fontSize: "1.3em"}, 800);
		$('#text-dvd h1').animate({fontSize: "1.3em"}, 800);

		$('#text-screen .text-screen-content').css({height: $tSHeight});		
		$('#text-screen .text-screen-content').slideDown(1000);
		$('#text-screen h1').animate({fontSize: "2.8em"}, 800);
		
	});
	$('#screen-heading').click(function(){
		
		$('.flash').attr('class','flash');
		$('.showall').attr('class', 'showall');
		$('.cdrom').attr('class', 'cdrom');
		$('.screensavers').attr('class', 'screensavers selected');
		$('.touch').attr('class', 'touch');
		$('.dvd').attr('class', 'dvd');
		
		$('#text-flash .text-flash-content').css({height: $tFHeight});	
		$('#text-flash .text-flash-content').slideUp(1000);
		$('#text-cdrom .text-cdrom-content').css({height: $tCHeight});
		$('#text-cdrom .text-cdrom-content').slideUp(1000);
		$('#text-touch .text-touch-content').css({height: $tTHeight});
		$('#text-touch .text-touch-content').slideUp(1000);
		$('#text-dvd .text-dvd-content').css({height: $tDHeight});
		$('#text-dvd .text-dvd-content').slideUp(1000);
		//now the headings
		$('#text-flash h1').animate({fontSize: "1.3em"}, 800);
		$('#text-cdrom h1').animate({fontSize: "1.3em"}, 800);
		$('#text-touch h1').animate({fontSize: "1.3em"}, 800);
		$('#text-dvd h1').animate({fontSize: "1.3em"}, 800);

		$('#text-screen .text-screen-content').css({height: $tSHeight});		
		$('#text-screen .text-screen-content').slideDown(1000);
		$('#text-screen h1').animate({fontSize: "2.8em"}, 800);
		
	});
	//TOUCH
	$('#touch').click(function(){
		
		$('.flash').attr('class','flash');
		$('.showall').attr('class', 'showall');
		$('.cdrom').attr('class', 'cdrom');
		$('.screensavers').attr('class', 'screensavers');
		$('.touch').attr('class', 'touch selected');
		$('.dvd').attr('class', 'dvd');
		
		$('#text-flash .text-flash-content').css({height: $tFHeight});
		$('#text-flash .text-flash-content').slideUp(1000);
		$('#text-screen .text-screen-content').css({height: $tSHeight});
		$('#text-screen .text-screen-content').slideUp(1000);
		$('#text-cdrom .text-cdrom-content').css({height: $tCHeight});
		$('#text-cdrom .text-cdrom-content').slideUp(1000);
		$('#text-dvd .text-dvd-content').css({height: $tDHeight});
		$('#text-dvd .text-dvd-content').slideUp(1000);
		//now the headings
		$('#text-flash h1').animate({fontSize: "1.3em"}, 800);
		$('#text-screen h1').animate({fontSize: "1.3em"}, 800);
		$('#text-cdrom h1').animate({fontSize: "1.3em"}, 800);
		$('#text-dvd h1').animate({fontSize: "1.3em"}, 800);

		$('#text-touch .text-touch-content').css({height: $tTHeight});		
		$('#text-touch .text-touch-content').slideDown(1000);
		$('#text-touch h1').animate({fontSize: "2.8em"}, 800);
		
	});
	$('#touch-heading').click(function(){
		
		$('.flash').attr('class','flash');
		$('.showall').attr('class', 'showall');
		$('.cdrom').attr('class', 'cdrom');
		$('.screensavers').attr('class', 'screensavers');
		$('.touch').attr('class', 'touch selected');
		$('.dvd').attr('class', 'dvd');
		
		$('#text-flash .text-flash-content').css({height: $tFHeight});
		$('#text-flash .text-flash-content').slideUp(1000);
		$('#text-screen .text-screen-content').css({height: $tSHeight});
		$('#text-screen .text-screen-content').slideUp(1000);
		$('#text-cdrom .text-cdrom-content').css({height: $tCHeight});
		$('#text-cdrom .text-cdrom-content').slideUp(1000);
		$('#text-dvd .text-dvd-content').css({height: $tDHeight});
		$('#text-dvd .text-dvd-content').slideUp(1000);
		//now the headings
		$('#text-flash h1').animate({fontSize: "1.3em"}, 800);
		$('#text-screen h1').animate({fontSize: "1.3em"}, 800);
		$('#text-cdrom h1').animate({fontSize: "1.3em"}, 800);
		$('#text-dvd h1').animate({fontSize: "1.3em"}, 800);

		$('#text-touch .text-touch-content').css({height: $tTHeight});		
		$('#text-touch .text-touch-content').slideDown(1000);
		$('#text-touch h1').animate({fontSize: "2.8em"}, 800);
		
	});
	
	//DVD
	$('#dvd').click(function(){
		
		$('.flash').attr('class','flash');
		$('.showall').attr('class', 'showall');
		$('.cdrom').attr('class', 'cdrom');
		$('.screensavers').attr('class', 'screensavers');
		$('.touch').attr('class', 'touch');
		$('.dvd').attr('class', 'dvd selected');
		
		$('#text-flash .text-flash-content').css({height: $tFHeight});
		$('#text-flash .text-flash-content').slideUp(1000);
		$('#text-screen .text-screen-content').css({height: $tSHeight});	
		$('#text-screen .text-screen-content').slideUp(1000);
		$('#text-touch .text-touch-content').css({height: $tTHeight});
		$('#text-touch .text-touch-content').slideUp(1000);
		$('#text-cdrom .text-cdrom-content').css({height: $tCHeight});
		$('#text-cdrom .text-cdrom-content').slideUp(1000);
		//now the headings
		$('#text-flash h1').animate({fontSize: "1.3em"}, 800);
		$('#text-screen h1').animate({fontSize: "1.3em"}, 800);
		$('#text-touch h1').animate({fontSize: "1.3em"}, 800);
		$('#text-cdrom h1').animate({fontSize: "1.3em"}, 800);

		$('#text-dvd .text-dvd-content').css({height: $tDHeight});
		$('#text-dvd .text-dvd-content').slideDown(1000);
		$('#text-dvd h1').animate({fontSize: "2.8em"}, 800);
		
	});
	$('#dvd-heading').click(function(){
		
		$('.flash').attr('class','flash');
		$('.showall').attr('class', 'showall');
		$('.cdrom').attr('class', 'cdrom');
		$('.screensavers').attr('class', 'screensavers');
		$('.touch').attr('class', 'touch');
		$('.dvd').attr('class', 'dvd selected');
		
		$('#text-flash .text-flash-content').css({height: $tFHeight});
		$('#text-flash .text-flash-content').slideUp(1000);
		$('#text-screen .text-screen-content').css({height: $tSHeight});	
		$('#text-screen .text-screen-content').slideUp(1000);
		$('#text-touch .text-touch-content').css({height: $tTHeight});
		$('#text-touch .text-touch-content').slideUp(1000);
		$('#text-cdrom .text-cdrom-content').css({height: $tCHeight});
		$('#text-cdrom .text-cdrom-content').slideUp(1000);
		//now the headings
		$('#text-flash h1').animate({fontSize: "1.3em"}, 800);
		$('#text-screen h1').animate({fontSize: "1.3em"}, 800);
		$('#text-touch h1').animate({fontSize: "1.3em"}, 800);
		$('#text-cdrom h1').animate({fontSize: "1.3em"}, 800);

		$('#text-dvd .text-dvd-content').css({height: $tDHeight});
		$('#text-dvd .text-dvd-content').slideDown(1000);
		$('#text-dvd h1').animate({fontSize: "2.8em"}, 800);
		
	});
});