// JavaScript Document
function toggleDiv(objectID) {
	if (document.getElementById(objectID).style.display == 'block') {
		document.getElementById(objectID).style.display = 'none';
	} else {
		document.getElementById(objectID).style.display = 'block';
	}
	return
}

var prev_cat;
var prev_subcat;
function updateCategory(cat) {
	if (ajax) {	
		prev_cat = cat;
		var q = '_ajax/category.php?cat=' + encodeURIComponent(cat);
		ajax.open('get',q,true);
		ajax.onreadystatechange = handle_updateCategory;
		ajax.send(null);
	} 
}
function handle_updateCategory() {
	if ((ajax.readyState == 4) && (ajax.status == 200)) {
		document.getElementById('cat_bar').innerHTML = ajax.responseText;
		updateSubCategory(prev_cat,'all');
	}
}
function updateSubCategory(cat,subcat) {
	if (ajax) {	
		prev_cat = cat;
		prev_subcat = subcat;
		var q = '_ajax/sub_category.php?cat=' + encodeURIComponent(cat) + '&subcat=' + encodeURIComponent(subcat);
		ajax.open('get',q,true);
		ajax.onreadystatechange = handle_updateSubCategory;
		ajax.send(null);
	} 
}
function handle_updateSubCategory() {
	if ((ajax.readyState == 4) && (ajax.status == 200)) {
		document.getElementById('subcat_wrapper').innerHTML = ajax.responseText;
		updateProjects(prev_cat,prev_subcat,0);
	}
}

var q;

function updateProjects(cat,subcat,start_pos) {
	$('.proj img').fadeOut(250);
	$('#ajax-loader').fadeIn(250);
	if (ajax) {	
		q = '_ajax/projects.php?cat=' + encodeURIComponent(cat) + '&subcat=' + encodeURIComponent(subcat) + '&start_pos=' + encodeURIComponent(start_pos);
		ajax.open('get',q,true);
		ajax.onreadystatechange = handle_updateProjects;
		ajax.send(null);
	}
}
function handle_updateProjects() {
	if ((ajax.readyState == 4) && (ajax.status == 200)) {
		//document.getElementById('projects').innerHTML = ajax.responseText;
		
		$('#projects').load(q,function() {
									   
			var $live = $('<div>').html(ajax.responseText);
			var imgCount = $live.find('.proj img').length;
			
			$('.proj img',$live).load(function(){
			   imgCount--;
			   if (imgCount==0) {
					imgEffect();
			   }
			});
			$('#projects').html($live.children());
			
		});
	}
	
}

var imgEffect = function() {
	
	$('#ajax-loader').fadeOut(250);
	$(".proj img.bw-image").fadeTo(500, 0.75);
		
	$("a.proj").hover(function(){
		var color = $(this).children('img.color-image');
		$(color).fadeIn(250);
	},
	function() {
		var color = $(this).children('img.color-image');
		$(color).fadeOut(250);
	});
	
}


$(document).ready(function(){
	// This initialises carousels on the container elements specified, in this case, carousel1.
	imgEffect();
	rotateSwitch(); //Run function on launch
	$(".cloudcarousel").fadeIn(1000);
	
	for(var i=0; i<4; i++) {
		$("#carousel"+i).CloudCarousel(		
			{			
				xPos: 650,
				yPos: 60,
				xRadius: 245,
				yRadius: -20,
				/*reflHeight: 30,
				reflOpacity: 0.1,*/
				bringToFront: true
				/*
				buttonLeft: $("#left-but"),
				buttonRight: $("#right-but"),
				altBox: $("#alt-text"),
				titleBox: $("#title-text")
				*/
			}
		);
	}
});