// JavaScript Document

$(document).ready(function() {
	var video1=$("#iframe1");
	var activeCloud = $(document).getUrlParam('cat');

	if (activeCloud!=null) {
		
		switch (activeCloud) {
		   case 'comics': 
			$('#comicsDiv').show("scale", {}, 400);
			break;
		   case 'paintings': 
			$('#paintingsDiv').show("scale", {}, 400);
			break;
		   case 'portfolio': 
			$('#portfolioDiv').show("scale", {}, 400);
			break;
	       case 'books': 
		    $("#booksWarn").css('display', 'none');
		    $("#booksContent").css('display', 'block');
			$('#booksDiv').show("scale", {}, 400);
			break;
		   case 'films': 
			$('#filmsDiv').show("scale", {}, 400);
			break;
		   case 'music': 
		    $("#musicWarn").css('display', 'none');
		    $("#musicContent").css('display', 'block');
			$('#musicDiv').show("scale", {}, 400);
			break;
		   default:
			break;
		}
	}

	$.currentCloud;

	$('.comicsClass').click(function() {
		switchClouds('#comicsDiv');
	});
	$('.booksClass').click(function() {
			switchClouds('#booksDiv');
	});
	$('.paintingsClass').click(function() {
			switchClouds('#paintingsDiv');
	});
	$('.filmsClass').click(function() {
			switchClouds('#filmsDiv');
	});
	$('.musicClass').click(function() {
			switchClouds('#musicDiv');
	});
	$('.portfolioClass').click(function() {
			switchClouds('#portfolioDiv');
	});
});

function switchClouds(cloudToShow) {
	if ($.currentCloud != cloudToShow){
		$(cloudToShow).siblings().css('display', 'none');
		$(cloudToShow).show("scale", {}, 400).queue(function() {
			$(this).siblings().css('display', 'none');
			$(this).dequeue();												 
		});
		$.currentCloud=cloudToShow; video1.get(0).api_pause();
	}
}