var jid = 1;

$('#video-launcher').live(
	'click',
	function(){
		swfobject.embedSWF('flash/video.swf', 'video-swf', '640px', '390px', '8.0.0', '', {}, { menu: 'false', allowfullscreen: 'true' }, {});
		return false;
	}
);

function unloadVideo(){
	$('#video-container').html('<div id="video-swf"><a href="#" id="video-launcher"><img src="images/video-startframe.jpg" alt="Zeljko Kardum Curriculum Vitae Video" /></a></div>');
}

$('#photo-gallery img').hover(
	function(){
		$('#photo-description').text($(this).attr('alt')).css('color', '#fff');
	},
	function(){
		$('#photo-description').text('Zeljko Kardum Photo Gallery').css('color', '#666');
	}
);

function mycarousel_initCallback(carousel){

	$('#photo-gallery a, #video-launcher').bind('click', function() { carousel.startAuto(0); });
	carousel.buttonNext.bind('click', function() { carousel.startAuto(0); });
	carousel.buttonPrev.bind('click', function() { carousel.startAuto(0); });
	carousel.clip.hover(function() {  carousel.stopAuto(); }, function() { carousel.startAuto(); });
	carousel.buttonNext.hover(function() {  carousel.stopAuto(); }, function() { carousel.startAuto(); });
	carousel.buttonPrev.hover(function() {  carousel.stopAuto(); }, function() { carousel.startAuto(); });
	//$('#photo-prev, #photo-next').live('click', function() { carousel.scroll(jid); });
};

function openImage(which){

	jid = parseInt(which.parents('li').attr('jcarouselindex'));
	countlis = $("#photo-gallery ul > li").size();
	if(jid > 1) prev_button = '<a href="#" id="photo-prev">&laquo;</a>'; else prev_button = '';
	if(jid < countlis) next_button = '<a href="#" id="photo-next">&raquo;</a>'; else next_button = '';
	$('#video-container').html('<img src="' + which.attr('href') + '" alt="" /><a href="#" id="photo-close">x</a>' + prev_button + next_button);
	$('#big-photo-description').html(which.attr('rel'));
	id = which.attr('href').replace('photogallery/image-', '').replace('.jpg', '');
	$('#people-selectors').text('');
	if(people[id]){
		for(i=0; i<people[id].length; i++){
			$('#people-selectors').show().append('<a href="#" rel="' + id + '-' + i + '" style="left: ' + people[id][i][0] + 'px; top: ' + people[id][i][1] + 'px; width: ' + people[id][i][2] + 'px; height: ' + people[id][i][3] + 'px;" title="' + people[id][i][4] + '">' + people[id][i][4] + '</a>');
		}
	}
	$('#logo, #menu').css('opacity', 0.2);
	$('#photo-description').css('opacity', 0.1);
	$('#photo-gallery li, .jcarousel-next, .jcarousel-prev').css('opacity', 0.1);
	which.parents('li').css('opacity', 0.3);
	$('#footer').hide();
	$('body').addClass('dimmed');
}

$('#photo-gallery a').click(
	function(){
		openImage($(this));
		return false;
	}
);

$('#photo-prev').live(
	'click',
	function(){
		prev = jid - 1;
		openImage($('li[jcarouselindex="' + prev + '"] a'));
		return false;
	}
);

$('#photo-next').live(
	'click',
	function(){
		next = jid + 1;
		openImage($('li[jcarouselindex="' + next + '"] a'));
		return false;
	}
);

$('#photo-close').live(
	'click',
	function(){
		$('#video-container').html('<div id="video-swf"><a href="#" id="video-launcher"><img src="images/video-startframe.jpg" alt="Zeljko Kardum Curriculum Vitae Video" /></a></div>');
		$('#big-photo-description').text('Zeljko Kardum Curriculum Vitae Video');
		$('#people-selectors').hide();
		$('#logo, #menu, #photo-gallery li, #photo-description, #footer, .jcarousel-next, .jcarousel-prev').css('opacity', 1);
		$('#footer').show();
		$('body').removeClass('dimmed');
		return false;
	}
);

$('#big-photo-description a').live('hover',
	function(){
		p = $(this).attr('rel').split('-');
		$('#person-marker').css({ 'left': people[p[0]][p[1]][0] + 'px', 'top': people[p[0]][p[1]][1] + 'px', 'width': people[p[0]][p[1]][2] + 'px', 'height': people[p[0]][p[1]][3] + 'px' }).toggle();
	}
);

$('#people-selectors a').live('hover',
	function(){
		$(this).attr('href', $('#big-photo-description a[rel="' + $(this).attr('rel') + '"]').attr('href'));
		$(this).attr('target', $('#big-photo-description a[rel="' + $(this).attr('rel') + '"]').attr('target'));
		$('#big-photo-description a[rel="' + $(this).attr('rel') + '"]').toggleClass('selected');
		$(this).toggleClass('bordered');
	}
);

$(document).ready(
	function() {
		$('#photo-gallery ul').jcarousel({ auto: 2, wrap: 'last', initCallback: mycarousel_initCallback});
	}
);