$(document).ready(function(){
	  $("#sld-cnt-2").hide();
	  $("#sld-cnt-3").hide();
	  $("#albums-artist").hide();
	  $("#slideslnk2").hide();
	  $("#slideslnk3").hide();
	  
	  $("#plyds-2").hide();
	  $("#plyds-3").hide();
	  $("#plyds-4").hide();
	  $("#plyds-5").hide();
	  $("#plyds-6").hide();

$("#plyds-r-1").mouseover(function () {
      $("#plyds-2").hide();
	  $("#plyds-3").hide();
	  $("#plyds-4").hide();
	  $("#plyds-5").hide();
	  $("#plyds-6").hide();
	  $("#plyds-1").fadeIn();
});

$("#plyds-r-2").mouseover(function () {
      $("#plyds-1").hide();
	  $("#plyds-3").hide();
	  $("#plyds-4").hide();
	  $("#plyds-5").hide();
	  $("#plyds-6").hide();
	  $("#plyds-2").fadeIn();
});

$("#plyds-r-3").mouseover(function () {
      $("#plyds-1").hide();
	  $("#plyds-2").hide();
	  $("#plyds-4").hide();
	  $("#plyds-5").hide();
	  $("#plyds-6").hide();
	  $("#plyds-3").fadeIn();
});

$("#plyds-r-4").mouseover(function () {
      $("#plyds-1").hide();
	  $("#plyds-2").hide();
	  $("#plyds-3").hide();
	  $("#plyds-5").hide();
	  $("#plyds-6").hide();
	  $("#plyds-4").fadeIn();
});

$("#plyds-r-5").mouseover(function () {
      $("#plyds-1").hide();
	  $("#plyds-2").hide();
	  $("#plyds-3").hide();
	  $("#plyds-4").hide();
	  $("#plyds-6").hide();
	  $("#plyds-5").fadeIn();
});

$("#plyds-r-6").mouseover(function () {
      $("#plyds-1").hide();
	  $("#plyds-2").hide();
	  $("#plyds-3").hide();
	  $("#plyds-4").hide();
	  $("#plyds-5").hide();
	  $("#plyds-6").fadeIn();
});

$("#shwsld-1").click(function () {
      $("#sld-cnt-2").hide();
	  $("#sld-cnt-3").hide();
	  $("#sld-cnt-1").fadeIn();
});

$("#thumb2").click(function () {
      $("#slideslnk1").hide();
	  $("#slideslnk3").hide();
	  document.getElementById('thumb2').className='thumbs';
	  document.getElementById('thumb1').className='thumbic';
	  document.getElementById('thumb3').className='thumbic';
	  $("#slideslnk2").fadeIn();
});

$("#thumb1").click(function () {
      $("#slideslnk2").hide();
	  $("#slideslnk3").hide();
	  document.getElementById('thumb1').className='thumbs';
	  document.getElementById('thumb2').className='thumbic';
	  document.getElementById('thumb3').className='thumbic';
	  $("#slideslnk1").fadeIn();
});

$("#thumb3").click(function () {
      $("#slideslnk2").hide();
	  $("#slideslnk1").hide();
	  document.getElementById('thumb3').className='thumbs';
	  document.getElementById('thumb2').className='thumbic';
	  document.getElementById('thumb1').className='thumbic';
	  $("#slideslnk3").fadeIn();
});

$("#albumshow").click(function () {
	  $("#albums-artist").fadeIn();
});


$("#shwsld-2").click(function () {
      $("#sld-cnt-1").hide();
	  $("#sld-cnt-3").hide();
	  $("#sld-cnt-2").fadeIn();
});
$("#shwsld-3").click(function () {
      $("#sld-cnt-2").hide();
	  $("#sld-cnt-1").hide();
	  $("#sld-cnt-3").fadeIn();
});

	//move the image in pixel
	var move = -15;
	
	//zoom percentage, 1.2 =120%
	var zoom = 1.3;

	//On mouse over those thumbnail
	$('.zitem').hover(function() {
		
		//Set the width and height according to the zoom percentage
		width = $('.zitem').width() * zoom;
		height = $('.zitem').height() * zoom;
		
		//Move and zoom the image
		$(this).find('img').stop(false,true).animate({'width':width, 'height':height, 'top':move, 'left':move}, {duration:200});
		
		//Display the caption
		$(this).find('div.caption').stop(false,true).fadeIn(200);
	},
	function() {
		//Reset the image
		$(this).find('img').stop(false,true).animate({'width':$('.zitem').width(), 'height':$('.zitem').height(), 'top':'0', 'left':'0'}, {duration:100});	

		//Hide the caption
		$(this).find('div.caption').stop(false,true).fadeOut(200);
	});
	
});

function playsong(url) {
	playerWindow=window.open(url,'playerWindow','location=no,status=no,menubar=no,toolbar=no,scrollbars=yes,resizable= no,left=0,top=0,width=520');
	if (window.focus) {playerWindow.focus()}
	return false;
}