$(document).ready(function(){
	
	// Paste your Flickr API key here (see the tutorial on how to generate one)
	var apiKey = 'a842b24579e876b1d5ddafa743eb4230';
	
	// Creating a flickr slider. This is 
	// how you would probably use the plugin.
	
	$("#flickrSlider").jqFlick({
		photosetID: '72157627335634411',
		width:307,
		height:176,
		captions:true,
		autoAdvance:true,
		apiKey:apiKey
	});

	// Creating different flickr sliders,
	// depending on the select element value.

	$('select').change(function(){
		
		var options = {};
		
		switch(this.value){
			case '1':
				options = {
					photosetID: '72157627335634411',
					width:500,
					height:320,
					captions:true,
					autoAdvance:true,
					apiKey:apiKey
				};
				break;
			case '2':
				options = {
					photosetID:'72157627335634411',
					width:500,
					height:500,
					captions:true,
					autoAdvance:true,
					apiKey:apiKey
				};
				break;
			case '3':
				options = {
					photosetID:'72157625961099915',
					width:200,
					height:150,
					apiKey:apiKey
				}
		}

		$('#flickrSlider').jqFlick(options);
	});
	
});
