window.onload = function(){
	
	var testObj = new swfPhotoBox({ width: 450, 
		height: 400,
		show_time: 4000,
		transition_type: 'alpha',
		no_hit_control: 'true',
		transition_speed: 5.0});
		
	testObj.swap("img.pbImg");
		
	var testObj2 = new swfPhotoBox({ width: 450, 
		height: 400,
		name: "click",
		transition_type: 'fromLeft',
		transition_speed: 2.3});
		
	testObj2.swap("img.pbImg2");
	
	var testObj3 = new swfPhotoBox({ width: 450, 
		height: 400,
		name: "buttons",
		bg_image: "images/bg.png",
		button_image: "kuvat/button.png",
		selected_button_image: "kuvat/button_selected.png",
		clip_x: 21,
		clip_y: 14,
		clip_x2: 463,
		clip_y2: 222,
		photo_width: 260,
		photo_height: 200,
		buttons_x: 242,
		buttons_y: 247,
		buttons_align: "center",
		add_shadow: 'true',
		buttons_spacing: 10, 
		transition_type: 'fromBottom',
		transition_speed: 2.1});
		
	testObj3.swap("img.pbImg3");
		
	document.getElementById('exStandard').onclick= function(){
		showExample("standard");
	}
	document.getElementById('exHit').onclick= function(){
		showExample("click");
	}

	document.getElementById('exButtons').onclick= function(){
		showExample("buttons");
	}
}

function showExample(example){
	var selectObj = document.getElementById(example);
	
	hideAll();
	selectObj.style.display = "block";
}

function hideAll(){
	var standard = document.getElementById('standard');
	var hit = document.getElementById('click');
	var buttons = document.getElementById('buttons');
	
	standard.style.display = "none";
	hit.style.display = "none";
	buttons.style.display = "none";
}