var ss_timer;

var ss_active_slideshow;

var ss_current=-1;

var ss_num_images;

var ss_delay_time = 8000;





$(document).ready(function() {	



	createMask();

	$('#popup').css({'z-Index':'5000', 'display':'none', 'overflow':'hidden'});		

	$(document).scroll(function(){ size(); });

	$(window).scroll(function(){ size(); });

	$(window).resize(function(){ size(); });



	$('.button a').click(function(e) {

		var id = $(this).attr('href');

		if (id.indexOf('#')<0) return true;

		e.preventDefault();

		

		$('.portfolio-item').hide();

		$(id).show();

		

		$('#mask').show();

		$('#mask').css('opacity', 0);

		$('#mask').fadeTo("fast",0.7);	

		$('#mask').css('z-Index', '2500');		

		

		$('#popup').show();

		startSlideShow(id);

		$('#popup').css('opacity', 0);

		$('#popup').fadeTo("slow", 1);



	});

		

	$('#close').click(function (e) {

		e.preventDefault();

		

		$('#mask').hide();

		$('#popup').hide();

	});		

	



	$('#mask').click(function () {

		$(this).hide();

		$('#popup').hide();

	});



	$('.pfnavback a').click(function(e){

		e.preventDefault();

		

		var id = $(this).attr('href');

		$('.portfolio-item').hide();

		$(id).show();

		startSlideShow(id);

	});

	

	$('.pfnavnext a').click(function(e){

		e.preventDefault();

		

		var id = $(this).attr('href');

		$('.portfolio-item').hide();

		$(id).show();

		startSlideShow(id);

	});

	

	// Slideshow status/controls

	

	var num_portfolios = new Number($('.portfolio-item').length);

	for (i=0;i<num_portfolios;i++){

		item_id = '.portfolio-item-slideshow:eq('+i+')';

		$(item_id).children().css('position', 'absolute');

		$(item_id).children().css('zIndex', '99');

		$(item_id).children().css('display', 'none');

		num_images = $(item_id).children().length;

		nav = $(item_id).next().find('.portfolio-item-slideshow-navigation');

		next = $(nav).children().last();

		

		$(nav).children().last().detach();

	

		for (var j=0; j<num_images; j++){

			$(nav).append('<li><a href="javascript: void(0);" name="_' + j.toString() + '">' + (j+1).toString() + '<span></span></a></li>');

			$(nav).children().last().find('a').click(function(e){

				e.preventDefault();

				

				var im = parseInt($(this).attr('name').substr(1,2));

				jumpToSlide(im,'fast');

			});

		}

		

		$(nav).append(next);

	}



	window.onresize = size;

	

});



function size(){

		var maskHeight = $(document).height();

		var maskWidth = $(window).width();

	

		$('#mask').css({'width':maskWidth,'height':maskHeight});



		var winH = $(window).height();

		var winW = $(window).width();

		var popH = $('#popup').height();

		var popW = 362;//$('#popup').width();





   		$('#popup').css('top',  Math.floor((winH-popH)/2) + $(document).scrollTop());

		$('#popup').css('left', Math.floor((winW-popW)/2));

}



function createMask(){

	var d=document;

	m=d.createElement('div');

	id=d.createAttribute('id');

	m.setAttribute('id','mask');

	d.body.appendChild(m);

	m.style.background="#ffffff";

	m.style.opacity="0";

	m.style.filter="alpha(opacity='0')";	

	m.style.position="absolute";

	m.style.top="0px";

	m.style.left="0px";

	m.style.display="none";

}



// Slideshows



function startSlideShow(id){

	clearTimeout(ss_timer);

	// reset the old slideshow

	if (ss_active_slideshow){

		$(ss_active_slideshow + ' .portfolio-item-slideshow img').hide();



	}

	ss_active_slideshow = id;

	ss_num_images = $(id + ' div.portfolio-item-slideshow').children().length ;

	ss_current = -1;

	firstSlide()

}



function firstSlide(){

	clearTimeout(ss_timer);

	ss_current = 0;



	fadeIn(ss_current, 0);

	

	nav = $(ss_active_slideshow + ' div.portfolio-item-slideshow + div .portfolio-item-slideshow-navigation');

	nav.children().find('a').removeClass('active');

	nav.children().eq(ss_current).children().first().addClass('active');

	if (ss_num_images > 1)

		ss_timer = setTimeout("nextSlide()", ss_delay_time);

	size();

}



function nextSlide(){

	clearTimeout(ss_timer);

	var ss_next = (ss_current < ss_num_images-1) ? ss_current+1 : 0;

	jumpToSlide(ss_next,'slow');

}



function prevSlide(){

	clearTimeout(ss_timer);

	var ss_next = (ss_current >0) ? ss_current-1 : ss_num_images-1;

	jumpToSlide(ss_next,'slow');

}



function jumpToSlide(im,speed){

	clearTimeout(ss_timer);

	fadeOut(ss_current,(speed=='fast')?500:2000);

	fadeIn(im,(speed=='fast')?750:3000);

	ss_current = im;

	

	nav = $(ss_active_slideshow + ' div.portfolio-item-slideshow + div .portfolio-item-slideshow-navigation');

	nav.children().find('a').removeClass('active');

	nav.children().find('a[name="_'+ss_current+'"]').addClass('active');

	

	if (ss_num_images > 1)

		ss_timer = setTimeout("nextSlide()", ss_delay_time);

}



function fadeOut(im,speed){

	$(ss_active_slideshow + ' .portfolio-item-slideshow img:eq(' + im.toString() + ')').css('zIndex', "99");

	$(ss_active_slideshow + ' .portfolio-item-slideshow img:eq(' + im.toString() + ')').fadeOut(speed);

}

function fadeIn(im,speed){

	$(ss_active_slideshow + ' .portfolio-item-slideshow img:eq(' + im.toString() + ')').css('zIndex', "100");

	$(ss_active_slideshow + ' .portfolio-item-slideshow img:eq(' + im.toString() + ')').fadeIn(speed);

}