$(function() {
    $('#parentId').cycle({
        fx:     'fade',
        speed:  1000,
        timeout: 5000,
        pager:  '#thumbnailLinks'
    });
});
//wow this code is bad
//please leave this embarrassing place

// 
// function fadeInfadeOut(link) {
// 	alert("func");
// 	for(j = 1; j>6; j++){
// 		if("about"+j+"-listen" == link){
// 			alert("hit " + link);
// 		}
// 	}
// 	return false;
// }

//$('a#about2-listen').click(fadeInfadeOut("about2-listen"));

	$(document).ready(function() {
	 // fadeOuts the slickbox as soon as the DOM is ready
	 // (a little sooner than page load)
		$('a#about1-listen').addClass('current');
		$('#about1').fadeIn('slow');
		$('#about2').fadeOut();
		$('#about3').fadeOut();
		$('#about4').fadeOut();
		$('#about5').fadeOut();

	 // fadeIns 1 
	  $('a#about1-listen').click(function() {
		$('a#about1-listen').addClass('current');
	    $('#about1').fadeIn('slow');
		$('#about2').fadeOut('slow');
		$('a#about2-listen').removeClass('current');
		$('#about3').fadeOut('slow');
		$('a#about3-listen').removeClass('current');
		$('#about4').fadeOut('slow');
		$('a#about4-listen').removeClass('current');
		$('#about5').fadeOut('slow');
		$('a#about5-listen').removeClass('current');
	    return false;
	  });

	 // fadeIns 2 
	  $('a#about2-listen').click(function() {
		$('a#about2-listen').addClass('current');
	    $('#about2').fadeIn('slow');
		$('#about1').fadeOut('slow');
		$('a#about1-listen').removeClass('current');
		$('#about3').fadeOut('slow');
		$('a#about3-listen').removeClass('current');
		$('#about4').fadeOut('slow');
		$('a#about4-listen').removeClass('current');
		$('#about5').fadeOut('slow');
		$('a#about5-listen').removeClass('current');
	    return false;
	  });
	
	 // fadeIns 3 
	  $('a#about3-listen').click(function() {
		$('a#about3-listen').addClass('current');
	    $('#about3').fadeIn('slow');
		$('#about1').fadeOut('slow');
		$('a#about1-listen').removeClass('current');
		$('#about2').fadeOut('slow');
		$('a#about2-listen').removeClass('current');
		$('#about4').fadeOut('slow');
		$('a#about4-listen').removeClass('current');
		$('#about5').fadeOut('slow');
		$('a#about5-listen').removeClass('current');
	    return false;
	  });
	
	 // fadeIns 4 
	  $('a#about4-listen').click(function() {
		$('a#about4-listen').addClass('current');
	    $('#about4').fadeIn('slow');
		$('#about1').fadeOut('slow');
		$('a#about1-listen').removeClass('current');
		$('#about2').fadeOut('slow');
		$('a#about2-listen').removeClass('current');
		$('#about3').fadeOut('slow');
		$('a#about3-listen').removeClass('current');
		$('#about5').fadeOut('slow');
		$('a#about5-listen').removeClass('current');
	    return false;
	  });

	 // fadeIns 5 
	  $('a#about5-listen').click(function() {
		$('a#about5-listen').addClass('current');
	    $('#about5').fadeIn('slow');
		$('#about1').fadeOut('slow');
		$('a#about1-listen').removeClass('current');
		$('#about2').fadeOut('slow');
		$('a#about2-listen').removeClass('current');
		$('#about3').fadeOut('slow');
		$('a#about3-listen').removeClass('current');
		$('#about4').fadeOut('slow');
		$('a#about4-listen').removeClass('current');
	    return false;
	  });
	});