var images  = Array();
var ImageNow = 0;
var slide = false;
var slide_status = false;
var fade_status = true;


$(function() {
	$("#thumb0" ).css("border-color","rgb(255, 51, 0)");
});


function NextImg() {
	var index = ImageNow + 1;
	if(images.length <= index){
		index = 0;
	}
	if(images[index]){
		ChngMain(index);
	}
}

function BackImg() {
	var index = ImageNow - 1;
	if( index <  0){
		index = images.length -1;
	}
	if(images[index]){
		ChngMain(index);
	}else{
		alert(index);
	}
}

function SlideShow(){
	if(!slide_status){
		slide_status = true;
		NextImg();
		slide = setInterval(NextImg, 4000);
		$('p.works_slideshow img').attr("src", "img/slideshow_stop.gif");

	}else{
		SlideStop();
	}
}



function SlideStop(){
	slide_status = false;
	clearInterval(slide);
		$('p.works_slideshow img').attr("src", "img/slideshow.gif");
}


function ChngImg(index){
	if(images[index]){
		ChngMain(index);
	}
}

function ChngMain(index){
	if(!fade_status){
		return false;
	}
	
	fade_status = false;
	
	$("#thumb" + ImageNow).css("border-color","rgb(255, 255, 255)");
	$("#thumb" + index).css("border-color","rgb(255, 51, 0)");
	
	ImageNow = index;
	var imagename = images[index];
	var imagename = "img/thumbnail.php?file=" + imagename+ ";560"
	$("#MainImg").fadeOut("slow", function(){
		$("#MainImg").attr("src", imagename);
			setTimeout(function(){ 
				$("#MainImg").fadeIn("slow")
				fade_status = true;
			}, 500);
	});
	
	jQuery.each(images, function(key, val){
		if( key != ImageNow ){
			$("#thumb" + key).css("border-color","rgb(0, 0, 0)")
		}
	});
}