$(document).ready(function() {


/*
			if ($('#op-18' || '#op-17').dialog('isOpen')) {
				$('#op-18, #op-17').dialog('close');
			}
*/

	//define player defaults
	var playerOpts = {
		autoOpen: false,
		hide: 'clip',
		resizable: false,
		height: 160,
		width: 380
		};
		
	// adds dialog to div
    $("#op-19").dialog(playerOpts, { open: function() {	$("#op-19").load("five_mile.html"); } });
	
	// assigns click action to button
	$('#play-19').click(function (){
		checker();
		$("#op-19").dialog("open");
		return false;
		}
	);

    $("#op-18").dialog(playerOpts, { open: function() {	$("#op-18").load("sounds_of.html"); } });
	$('#play-18').click(function (){ checker();	$("#op-18").dialog("open");	return false; }	);

    $("#op-17").dialog(playerOpts, { open: function() {	$("#op-17").load("ghetto_soul.html"); } });
	$('#play-17').click(function (){ checker();	$("#op-17").dialog("open");	return false; }	);

    $("#op-16").dialog(playerOpts, { open: function() {	$("#op-16").load("jumpin_in.html"); } });
	$('#play-16').click(function (){ checker();	$("#op-16").dialog("open");	return false; }	);

    $("#op-15").dialog(playerOpts, { open: function() {	$("#op-15").load("summer_madness2.html"); } });
	$('#play-15').click(function (){ checker();	$("#op-15").dialog("open");	return false; }	);

    $("#op-14").dialog(playerOpts, { open: function() {	$("#op-14").load("summer_madness.html"); } });
	$('#play-14').click(function (){ checker();	$("#op-14").dialog("open");	return false; }	);

    $("#op-13").dialog(playerOpts, { open: function() {	$("#op-13").load("oatmeal_peanut.html"); } });
	$('#play-13').click(function (){ checker();	$("#op-13").dialog("open");	return false; }	);

    $("#op-12").dialog(playerOpts, { open: function() {	$("#op-12").load("radiant_beats.html"); } });
	$('#play-12').click(function (){ checker();	$("#op-12").dialog("open");	return false; }	);

    $("#op-11").dialog(playerOpts, { open: function() {	$("#op-11").load("roll_on.html"); } });
	$('#play-11').click(function (){ checker();	$("#op-11").dialog("open");	return false; }	);

    $("#op-10").dialog(playerOpts, { open: function() {	$("#op-10").load("funkier_than.html"); } });
	$('#play-10').click(function (){ checker();	$("#op-10").dialog("open");	return false; }	);

    $("#op-9").dialog(playerOpts, { open: function() {	$("#op-9").load("twilight_groove.html"); } });
	$('#play-9').click(function (){ checker();	$("#op-9").dialog("open");	return false; }	);

    $("#op-8").dialog(playerOpts, { open: function() {	$("#op-8").load("music_is.html"); } });
	$('#play-8').click(function (){ checker();	$("#op-8").dialog("open");	return false; }	);

    $("#op-7").dialog(playerOpts, { open: function() {	$("#op-7").load("freestyle.html"); } });
	$('#play-7').click(function (){ checker();	$("#op-7").dialog("open");	return false; }	);
	
    $("#op-6").dialog(playerOpts, { open: function() {	$("#op-6").load("good_music.html"); } });
	$('#play-6').click(function (){ checker();	$("#op-6").dialog("open");	return false; }	);

    $("#op-5").dialog(playerOpts, { open: function() {	$("#op-5").load("soulforms.html"); } });
	$('#play-5').click(function (){ checker();	$("#op-5").dialog("open");	return false; }	);

    $("#op-4").dialog(playerOpts, { open: function() {	$("#op-4").load("beats_rhymes.html"); } });
	$('#play-4').click(function (){ checker();	$("#op-4").dialog("open");	return false; }	);

    $("#op-3").dialog(playerOpts, { open: function() {	$("#op-3").load("what_is.html"); } });
	$('#play-3').click(function (){ checker();	$("#op-3").dialog("open");	return false; }	);

    $("#op-2").dialog(playerOpts, { open: function() {	$("#op-2").load("the_twist.html"); } });
	$('#play-2').click(function (){ checker();	$("#op-2").dialog("open");	return false; }	);

    $("#op-1").dialog(playerOpts, { open: function() {	$("#op-1").load("under_the.html"); } });
	$('#play-1').click(function (){ checker();	$("#op-1").dialog("open");	return false; }	);

	
	// checks to see if any dialogs are open
	function checker() {
		if ($('#op-19').dialog('isOpen')) {	$('#op-19').dialog('close'); }
		if ($('#op-18').dialog('isOpen')) {	$('#op-18').dialog('close'); }
		if ($('#op-17').dialog('isOpen')) {	$('#op-17').dialog('close'); }
		if ($('#op-16').dialog('isOpen')) {	$('#op-16').dialog('close'); }
		if ($('#op-15').dialog('isOpen')) {	$('#op-15').dialog('close'); }		
		if ($('#op-14').dialog('isOpen')) {	$('#op-14').dialog('close'); }		
		if ($('#op-13').dialog('isOpen')) {	$('#op-13').dialog('close'); }		
		if ($('#op-12').dialog('isOpen')) {	$('#op-12').dialog('close'); }		
		if ($('#op-11').dialog('isOpen')) {	$('#op-11').dialog('close'); }		
		if ($('#op-10').dialog('isOpen')) {	$('#op-10').dialog('close'); }		
		if ($('#op-9').dialog('isOpen')) {	$('#op-9').dialog('close'); }		
		if ($('#op-8').dialog('isOpen')) {	$('#op-8').dialog('close'); }		
		if ($('#op-7').dialog('isOpen')) {	$('#op-7').dialog('close'); }		
		if ($('#op-6').dialog('isOpen')) {	$('#op-6').dialog('close'); }		
		if ($('#op-5').dialog('isOpen')) {	$('#op-5').dialog('close'); }		
		if ($('#op-4').dialog('isOpen')) {	$('#op-4').dialog('close'); }		
		if ($('#op-3').dialog('isOpen')) {	$('#op-3').dialog('close'); }		
		if ($('#op-2').dialog('isOpen')) {	$('#op-2').dialog('close'); }		
		if ($('#op-1').dialog('isOpen')) {	$('#op-1').dialog('close'); }					
	}

	// to fix FireFox's weird anchor link display issue
	if($.browser.mozilla){
		 $(".album").css("top","-12px");
	}

	// navigation stuff
	$('.listen_lnk_hit').click(function() {
		// for initial state
		// do stuff to the content
		$('.listen').css('display','block');
		$('.learn').css('display','none');
		$('.contact').css('display','none');
		$('body').css('background-image','url(imgs/bg.jpg)');
		
		// do stuff to the nav
		$('.listen_lnk_up').addClass('listen_lnk_hit').removeClass('listen_lnk_up');
		$('.learn_lnk_hit').addClass('learn_lnk_up').removeClass('learn_lnk_hit');
		$('.contact_lnk_hit').addClass('contact_lnk_up').removeClass('contact_lnk_hit');
		
		return false;
	});
	$('.listen_lnk_up').click(function() {
		// do stuff to the content
		$('.listen').css('display','block');
		$('.learn').css('display','none');
		$('.contact').css('display','none');
		$('body').css('background-image','url(imgs/bg.jpg)');
		
		// do stuff to the nav
		$('.listen_lnk_up').addClass('listen_lnk_hit').removeClass('listen_lnk_up');
		$('.learn_lnk_hit').addClass('learn_lnk_up').removeClass('learn_lnk_hit');
		$('.contact_lnk_hit').addClass('contact_lnk_up').removeClass('contact_lnk_hit');
		
		return false;
	});
	$('.learn_lnk_up').click(function() {
		// do stuff to the content
		$('.listen').css('display','none');
		$('.learn').css('display','block');
		$('.contact').css('display','none');
		$('body').css('background-image','url(imgs/bg_erin.jpg)');
		
		// do stuff to the nav
		$('.listen_lnk_hit').addClass('listen_lnk_up').removeClass('listen_lnk_hit');
		$('.learn_lnk_up').addClass('learn_lnk_hit').removeClass('learn_lnk_up');
		$('.contact_lnk_hit').addClass('contact_lnk_up').removeClass('contact_lnk_hit');
		
		return false;
	});
	$('.contact_lnk_up').click(function() {
		// do stuff to the content
		$('.listen').css('display','none');
		$('.learn').css('display','none');
		$('.contact').css('display','block');
		$('body').css('background-image','url(imgs/bg.jpg)');

		// do stuff to the nav
		$('.listen_lnk_hit').addClass('listen_lnk_up').removeClass('listen_lnk_hit');
		$('.learn_lnk_hit').addClass('learn_lnk_up').removeClass('learn_lnk_hit');
		$('.contact_lnk_up').addClass('contact_lnk_hit').removeClass('contact_lnk_up');
		
		return false;
	});
	
	// bringing in the title on left
	$(".title").hide(0);
	$(".title").delay(1500).fadeIn(2500);

});


	// jquery UI stuff
	// increase the default animation speed to exaggerate the effect
	$.fx.speeds._default = 450;
	
	// for the playlists
	$(function() {
		var options = {
			height: 300,
			width: 550,
			autoOpen:false,
			modal: true,
			resizable: false,
			buttons: {
				Cool: function() {
					$(this).dialog('close');
				}
			}
		};
		var num = 1;
		$("div#tracklistings div").each(function() {
			var dlg = $('#pl-' + num).dialog(options);
			$('#pl-link-' + num).click(function() {
					dlg.dialog("open");
					return false;
			});
			num = num + 1;
		});
	});

	// for the share links
	$(function() {
		var options = {
			height: 240,
			width: 290,
			autoOpen:false,
			modal: true,
			resizable: false,
			buttons: {
				Done: function() {
					$(this).dialog('close');
				}
			}
		};
		var num = 1;
		$("div#sharelinks div").each(function() {
			var dlg = $('#sh-' + num).dialog(options);
			$('#sh-link-' + num).click(function() {
					dlg.dialog("open");
					return false;
			});
			num = num + 1;
		});
	});