var slider;
var popupContainer;

function initSlider(id) {
	
	// Set global vars
	slider = '#scrollable-'+id+' .img_holder';
	popupContainer = '#popup-'+id;
	
	var prevBtn = popupContainer+' .slider-prev';
	var nextBtn = popupContainer+' .slider-next';
	$(slider).cycle({
		fx: 'scrollHorz',
		prev: prevBtn, 
		next: nextBtn, 
		after: onAfter,
		speed: 800,
		timeout: 3500 
	});
}
function onAfter(curr,next,opts) {
	setTitleDesc(next);
	setItemIndex((opts.currSlide + 1), opts.slideCount);
}

function setTitleDesc(itemIndex) {
	var title = $(itemIndex).attr('title');
	var description = $(itemIndex).attr('rel');
	$(popupContainer).find(".project_title_left h1").html(title);
	$(popupContainer).find(".project_title_left p").html(description);
}
function setItemIndex(current, total) {
	$(popupContainer).find(".nr-of-pages").html(current+" / "+total);
}

function closeSlider() {
	if(slider != null) {
		$(slider).cycle('destroy');
	}
	if($(popupContainer).is(':visible')) {
		$(popupContainer).fadeOut();
	}
}


// Document Ready
$(document).ready(function() {
	// Open popup
	$('#see_projects').live('click', function() {
		initSlider($(this).attr('rel'));
		$(popupContainer).fadeIn();
		return false;
	});
	// Stop Slider
	$(".slider-stop").live('click', function() {
		var is_stopped = $(this).hasClass('stopped');
		if(is_stopped) {
			$(slider).cycle('resume');
			$(this).html('<img src="../../templates/includes/inc/images/pr_stop.gif">');
			$(this).removeClass('stopped');
		} else {
			$(slider).cycle('pause');
			$(this).html('Resume');
			$(this).addClass('stopped');
		}
	});	
	// Close Slider
	$(".close").live('click', function() { closeSlider(); });
	
});
// Document Key-Up
$(document).keyup(function(e) {
	if (e.keyCode == 27) { closeSlider(); } // Escape key pressed
});

$(document).bind('click', function (e) {
	var clicked = $(e.target);
	if (!clicked.parents().hasClass("project_popup")) {
		closeSlider();
	}
});
$('.leftnav a').bind('click', function (e) {
	closeSlider();
});