// onClick
function swap(id){
	pix_id = id;

	bigpic = document.getElementById('bigPic');
	bigpic2 = document.getElementById('bigPic2');
	lowpic2 = document.getElementById('p'+id);

	if(bigpic.getAttribute('act')==1){
		bigpic2.src = "pix/"+$(lowpic2).attr("name");
		}else{
			bigpic.src = "pix/"+$(lowpic2).attr("name");
		}

	//setTimeout('slide('+id+')', 500);
    return false;
}

//slideshow
function slide(id){
	bigpic = document.getElementById('bigPic');
	bigpic2 = document.getElementById('bigPic2');
	lowpic2 = document.getElementById('p'+id);

	//hide bigPic, show bigPic2
	if(bigpic.getAttribute('act')==1){
		$('#bigPic').animate({
			  "opacity": "0"
			},4000
		);

		$('#bigPic2').animate({
			  "opacity": "1"
			},4000, function(){
				bigpic.setAttribute('act','0');
				bigpic2.setAttribute('act','1');

				bigpic.src = "pix/"+$(lowpic2).attr("name");

                setTimeout(next, 3000);
				return false;
			}
		);


	//show bigPic, hide bigPic2
		}else{
		    $('#bigPic').animate({
			  "opacity": "1"
				},4000, function(){
					bigpic.setAttribute('act','1');
					bigpic2.setAttribute('act','0');

					bigpic2.src = "pix/"+$(lowpic2).attr("name");

                    setTimeout(next, 3000);
					return false;
				}
			);

			$('#bigPic2').animate({
				  "opacity": "0"
				},4000
			);
		}

    return false;
}

//change pics
function swapImg(){
	bigpic = document.getElementById('bigPic');
	bigpic2 = document.getElementById('bigPic2');
	bigpic.src = bigpic2.src;

	$('#bigPic').animate({
			  "opacity": "1"
		},4000,function(){
			next();
		});
}

function	next(){
        next_id = pix_id*1+1*1;

        if (next_id==tot_pix*1+1*1){
        	pix_id=1;
        	slide(1);
          	return false;
        }

        pix_id++;
        slide(next_id);

		return false;
	}

function	prev(){
		prev_id=pix_id*1-1*1;

		if (prev_id==0){
			pix_id=tot_pix;
        	swap(tot_pix);
        	return false;
        }

		pix_id--;
        swap(prev_id);

		return false;
	}