// dropdown slider scripts ------------------------------------------------------------------------- //




 


$(document).ready(function () {
	$(".playlist-toggle").click(function () {
	$("#micro-playlist-lower").slideToggle("fast");
	
	$(this).toggleClass("active");
	return false;
	});
});

$(document).ready(function () {
	$(".bookmark-toggle").click(function () {
	$(".bookmark-lower").slideToggle("fast");
	
	$(this).toggleClass("active");
	return false;
	});
});


 $(document).ready(function () {
 $("#cd-2").hide();
  $("#cd-content-2").hide();
	$(".change-cd-1").click(function () {
	$("#cd-1").hide();
	$("#cd-2").show();
	$("#cd-content-1").hide();
	$("#cd-content-2").show();
	return false;
	});
});

 $(document).ready(function () {
	$(".change-cd-2").click(function () {
	$("#cd-2").hide();
	$("#cd-1").show();
	$("#cd-content-2").hide();
	$("#cd-content-1").show();
	return false;
	});
});

$(document).ready(function () {
	$("#tracks-close").click(function () {
	$("#micro-playlist-lower").slideToggle("fast");
	
	$(".playlist-toggle").removeClass("active");
	return false;
	});
});

// backgrounds change color on rollover ------------------------------------------------------------------------- //

$(document).ready(function () {
    $('.book-rollover').hover(function () {
        $(this).addClass('new-bg');
    },
    function () {
        $(this).removeClass('new-bg');
    });
});

$(document).ready(function () {
    $('.track-rollover').hover(function () {
        $(this).addClass('track-bg');
    },
    function () {
        $(this).removeClass('track-bg');
    });
});







$(document).ready(function () {
$(".global-1").mouseover(function () {
$("#section-lower-global").removeClass("workplace-3");
$("#section-lower-global").removeClass("workplace-2");
$("#section-lower-global").addClass("workplace-1");
 
});
});
$(document).ready(function () {
$(".global-2").mouseover(function () {
$("#section-lower-global").removeClass("workplace-1");
$("#section-lower-global").removeClass("workplace-3");
$("#section-lower-global").addClass("workplace-2");
 
});
});
$(document).ready(function () {
$(".global-3").mouseover(function () {
$("#section-lower-global").removeClass("workplace-1");
$("#section-lower-global").removeClass("workplace-2");
$("#section-lower-global").addClass("workplace-3");
 
});
});






// backgrounds change color on rollover ------------------------------------------------------------------------- //