for(var j = 0; j < imgAr1.length; j++)
{
		rImg1[j] = new Image();
            rImg1[j].src = imgAr1[j];
}

document.onload = setting();

var slide;
function setting()
{
	slide = document.getElementById('pic');
	slide.src = imgAr1[0];
	slide.setAttribute("width",width);
	slide.setAttribute("height",height);
}

//Image or picture slide show using java script
//slideshow function
var picture = 0;
function slideshow(){
	if(picture < imgAr1.length-1){
		picture=picture+1;
		slide.src = imgAr1[picture];
		i=picture+1;
		//alert(i);
		for(var k = 1; k <=imgAr1.length; k++)
		{
			document.getElementById("page"+k).setAttribute("class", "inactive_ghid_nr");
		}
		document.getElementById("page"+i).setAttribute("class", "active_ghid_nr");
		//page = document.getElementById('page');
		//page.innerHTML = picture;
	}
}

function prev(){
	if(picture > 0 ){
		picture=picture-1;
		slide.src = imgAr1[picture];
		i=picture+1;
		j=picture+2;
		//alert(i);
		for(var k = 1; k <=imgAr1.length; k++)
		{
			document.getElementById("page"+k).setAttribute("class", "inactive_ghid_nr");
		}
		document.getElementById("page"+i).setAttribute("class", "active_ghid_nr");
	}
}

function start(){
		slide.src = imgAr1[0];
		picture = 0;
		for(var k = 1; k <=imgAr1.length; k++)
		{
			document.getElementById("page"+k).setAttribute("class", "inactive_ghid_nr");
		}
		document.getElementById("page1").setAttribute("class", "active_ghid_nr");
}

function end(){
		slide.src = imgAr1[imgAr1.length-1];
		picture = imgAr1.length-1;
		for(var k = 1; k <=imgAr1.length; k++)
		{
			document.getElementById("page"+k).setAttribute("class", "inactive_ghid_nr");
		}
		document.getElementById("page13").setAttribute("class", "active_ghid_nr");
}

function show_image(param){
		slide.src = imgAr1[param-1];
		picture=param-1;
		//page_nr=param-1;
		for(var k = 1; k <=imgAr1.length; k++)
		{
			document.getElementById("page"+k).setAttribute("class", "inactive_ghid_nr");
		}
		document.getElementById("page"+param).setAttribute("class", "active_ghid_nr");
}