// JavaScript Document
nPause=6000; //Pause
nSpeed=1000; //Speed
startSlide = 0;
iWidth=446; // Image width
iHeight=338; //Image height
navWidth=125;
navHeight = 40;

//play_img = new Image();
//play_img.src = 'img/play.png';
//pause_img = new Image();
//pause_img.src = 'img/pause.png';


function fill_in_slideshow(){
	$.ajax({
		url: "images.html",
		cache: false,
		success: function(html){
			$("#slideshow").append(html);
			init();
		}
	});
}

function set_dimensions(){
	$('.pics').css('width', iWidth).css('height',iHeight);
	$('.pics img').css('width', iWidth).css('height',iHeight);
	$('.slide_nav').css('width', navWidth).css('height',navHeight).css('top',iHeight - (navHeight + 5)).css('left', iWidth - (navWidth + 5));
	$('.wrapper').css('width', iWidth).css('height',iHeight);
}


function init(){
	set_dimensions();
	//$('div.slide_nav').fadeTo('def', 0.7);
	$('div.slide_nav').hide();
	$('#slideshow').cycle({
		fx:     'fade',
		startingSlide: 	startSlide,
    	timeout: 		nPause,
		speed: 			nSpeed,
		prev:   		'#prevButton',
    	next:   		'#nextButton'
	});
	$('#pauseButton').click(function() { 
		$('#slideshow').cycle('pause'); 
		$('#resumeButton').show();
		$('#pauseButton').hide();
	});
	
	$('#resumeButton').click(function() { 
		$('#slideshow').cycle('resume'); 
		$('#pauseButton').show();
		$('#resumeButton').hide();
	});
}

$(document).ready(function () {
	fill_in_slideshow();
});