// depending on jquery.js

var imgi = 0;
var imgnum = 0;

function doMagic( ){
	imgnum = 0;
	imgi = 0;
	$('.bigimage').each(function(){
		imgnum++;
		$(this).css('position', 'relative');
		$(this).css('top', '0');
		$(this).hide();
		$(this).css('cursor', 'pointer');
		$(this).click(function(){
			nextImage();		
		});
	});
	
		
	var imgmenu = $('#imgmenu');
	imgmenu.fadeIn('slow');
	
	var imgcontainer = $('#img-container');
	
	imgcontainer.css('height', '550px');
	
	
	// no images? clear image menu!
	if(imgnum == 0){
		imgmenu.text('');
	}
	if($('.videocontainer').length>0 ){
		imgmenu.append(' | video:');
	}
	var vidcounter = 0;
	$('.videocontainer').each(function(){
		vidcounter++;
		var vidid = $(this).attr('id');
		imgmenu.append(' <a class="imgmenulink" onclick="showVideo(\''+vidid+'\');">'+vidcounter+'</a> ');
		//imgmenu.append(' '+vidid);
		if(!(imgnum == 0 && vidcounter == 1))$(this).hide();
	});
	
	
	if(imgnum ==0 && vidcounter <= 1) imgmenu.hide();
	
	$('#img-0').fadeIn();
	$('#imgcounter').text( 'Image '+(imgi+1)+' of '+imgnum);		
	
	//
}

function  showImage() {
	$('.bigimage').each(function(){
		$(this).fadeOut('fast');
	});
	$('.videocontainer').hide();
	$('#img-'+imgi).fadeIn('slow');
	$('#imgcounter').text( 'Image '+(imgi+1)+' of '+imgnum);
}

function showVideo( id ) {
	$('.videocontainer').hide();

	$('.bigimage').each(function(){
		$(this).fadeOut('fast');
	});
	$('#'+id).show();
}

function nextImage(){
	imgi++;
	if(imgi >= imgnum){
		imgi = 0;
	}
	showImage();
}

function prevImage() {
	imgi--;
	if(imgi < 0){
		imgi = imgnum-1;
	}
	showImage();
}

$(document).ready(function(){
//	SOPA
	// stopSopa();
	doMagic();	
});

//SOPA
//function  stopSopa() {	
//	var blackie = $('#sopa-blackie');
//	var btext = $('#sopa-text');
//	blackie.css('width', $(document).width());
//	blackie.css('height', $(document).height());
//	blackie.css('opacity', 0);
//	blackie.delay(1000).animate( {opacity :1}, 1000);	
//}
//
//
//
//
//SOPA --- --- -- ---- - - -- 
//$(window).resize(function() {
//	$('#sopa-blackie').css('height', $(document).height());
//	$('#sopa-blackie').css('width', $(document).width());
//});
//
//$(document).scroll(function() {
//	$('#sopa-blackie').css('height', $(document).height());
//	$('#sopa-blackie').css('width', $(document).width());
//});
//
//