/*
USAGE

<script>
	var imglist = imageUrl~imageDescription,imageUrl~imageDescription;
	setSlides(imglist,'0','0','portfolio.html');
</script>
*/
var actslide="";
var slidepage=0;
function setSlides(slides,str,link,returnurl){
	var html = "";
	var slide = slides.split(",");
	
	var spp = 6;//slides per page
	var pgs = Math.ceil(slide.length/spp);//Pages Required
	
	if(str){
	slidepage = str;
	}
	var endslide = (parseFloat(spp)+parseFloat(slidepage));
	if(slidepage > 0){
		html = html+'<div class="slidePage" style="margin-right:5px;background-image:url(/imgs/gallery-button-left.jpg);" onclick="setSlides(\''+slides+'\',\''+(slidepage-6)+'\',\''+link+'\',\''+returnurl+'\');">&nbsp;</div>';
	}else{
		html = html+'<div class="slidePage" style="margin-right:5px;border-color:white;">&nbsp;</div>';
	}
	for(i=slidepage;i < endslide;i++){
		if(slide[i]!="" && slide[i]){
		var split = slide[i].split("~");
		html = html+'<div class="slide-thumbnail" id="slide'+i+'" style="background-image:url(uploadData/' + split[0] + ');" onclick="loadSlide(\''+slide[i]+'\',\''+link+'\',\''+returnurl+'\');highLight(this);"></div>';
		}else{
		html = html+'<div class="slide-thumbnail" style="border-color:white;" id="slide'+i+'"></div>';
		}
	}

	if((pgs-1) > (slidepage/spp)){
		html = html+'<div class="slidePage" style="margin-left:5px;background-image:url(imgs/gallery-button-right.jpg);" onclick="setSlides(\''+slides+'\',\''+(i)+'\',\''+link+'\',\''+returnurl+'\');">&nbsp;</div>';
	}else{
		html = html+'<div class="slidePage" style="margin-left:5px;border-color:white;">&nbsp;</div>';
	}
	
	if(!document.getElementById("slides")){
	document.write('<div class="slideShow" id="slideShow"><div class="slideGalleryIcon" id="slideGalleryIcon"\></div><div class="slideGalleryClose" id="slideGalleryClose" onclick="window.location=\'/'+returnurl+'\'">Close</div><div class="slideDescription" id="slideDescription"></div></div><div class="slides" id="slides" align="center"></div>');
	}
	document.getElementById("slides").innerHTML = html;
	loadSlide(slide[slidepage],link,returnurl);
	highLight('','slide'+slidepage);
}
function loadSlide(slide,link,returnurl){
	var split = slide.split("~");
	document.getElementById("slideShow").style.backgroundImage = 'url(uploadData/'+split[0]+')';
	
	if(split[1]!="" && split[1]){document.getElementById("slideDescription").innerHTML = split[1];document.getElementById("slideDescription").style.visibility = "visible";document.getElementById("slideGalleryIcon").style.visibility = "visible";}else{document.getElementById("slideDescription").style.visibility = "hidden";document.getElementById("slideGalleryIcon").style.visibility = "hidden";}
	
	if(link=="1"){
	document.getElementById("slideShow").setAttribute("onclick", 'window.location="/?x=portfolio&aircraft='+split[0]+'";' );
	document.getElementById("slideShow").style.cursor = "pointer";
	document.getElementById("slideDescription").setAttribute("onclick", 'window.location="/?x=portfolio&aircraft='+split[0]+'";' );
	document.getElementById("slideDescription").style.cursor = "pointer";
	}else{
	document.getElementById("slideShow").setAttribute("onclick", '' );
	document.getElementById("slideDescription").setAttribute("onclick", '' );
	document.getElementById("slideShow").style.cursor = "";
	document.getElementById("slideDescription").style.cursor = "";
	}
	
	if(returnurl!="" && returnurl!="undefined" && returnurl!=null){
	document.getElementById("slideGalleryClose").style.visibility = "visible";
	}else{
	document.getElementById("slideGalleryClose").style.visibility = "hidden";
	}

}

function highLight(obj,id){
	var x = document.getElementsByClassName("slide-thumbnail");
	for(i=0;i<x.length;i++){
		x[i].style.opacity = "";
		x[i].style.filter = '';
		x[i].style.backgroundSize = '';
	}
	
	if(obj){
	obj.style.opacity = 1.0;
	obj.style.filter = 'alpha(opacity=100)';
	obj.style.backgroundSize = '300px';
	}
	
	if(id){
	var obj = document.getElementById(id);
	obj.style.opacity = 1.0;
	obj.style.filter = 'alpha(opacity=100)';
	obj.style.backgroundSize = '300px';
	}
}