var slides = new Array('_img/pic_01.jpg',
					   '_img/pic_02.jpg',
					   '_img/pic_03.jpg',
'_img/pic_05.jpg',
'_img/pic_06.jpg',
'_img/pic_07.jpg',
					   '_img/pic_08.jpg');

var current = {};
function transition(id)
{
	if(!slides[id-1]) return false;
	
	if(current.id)
	{
	if(current.id == id) return false;
	current.layer.css('z-index',10);
	$('.mosaic-slide').not(current.layer).remove();
	}
	
	var newLayer = $('<div class="mosaic-slide">').html(generateGrid({rows:5,cols:12,image:slides[id-1], id: id})).fadeIn(3000);

	newLayer.css('z-index',11);

	$('#mosaic-slideshow').append(newLayer);
	opeffect();
	if(current.layer)
	{
		$('.tile',current.layer).each(function(i){
			var tile = $(this);
			setTimeout(function(){
				tile.css('visibility','hidden');
			},i*100*Math.random());
		})
	}

	current.id = id;
	current.layer = newLayer;
}

function opeffect() {
	$('.tile').hover(function(){
	$(this).animate({opacity: 0.6}, 100);
	});

	$('.tile').mouseout(function(){
	$(this).animate({opacity: 1.0}, 100);
	});
}

function next()
{
	if(current.id)
	{
		transition(current.id%slides.length+1);
	}
}

function prev()
{
	if(current.id)
	{
		transition((current.id+(slides.length-2))%slides.length+1);
	}
	
}

var tabwidth=83.2, tabheight=68;
var koord = new Array();
function generateGrid(param)
{
k=0;
	for(var i=0;i<param.rows;i++) {
		for(var j=0;j<param.cols;j++){
		koord[k] = [i , j]; 
		k++;
		}
	}
	//koord = koord.sort(function(){ return Math.random() });
	//alert (koord[0][1]);

	var elem = $([]),tmp;
	for(var i=0;i<param.rows;i++)
	{
		for(var j=0;j<param.cols;j++)
		{
			tmp = $('<div>', {
					"class":"tile",
					"css":{
						"background":' url('+param.image+') no-repeat '+(-j*tabwidth)+'px '+(-i*tabheight)+'px',
						"visibility":"visible"
					}
			});
			elem = elem.add(tmp);
		}
	}
	
	return elem;
	/*for (var k=0; k<koord.length; k++) {
		tmp = $('<div>', {
					"class":"tile",
					"css":{
						"background":' url('+param.image+') no-repeat '+(-koord[k][0]*tabwidth)+'px '+(-koord[k][1]*tabheight)+'px'
					}
			});

			elem = elem.add(tmp);
	}*/
}