//Javascript name: Show Demo on HTML- page
//Date created: 07-08-2005
//Scripter: Kalle Lievejärvi
//Website: http://www.pingvindesigns.com
//Copyright (c) 2005 Pingvin Designs Oy
//FileName: demo.js
//Version: 0.0.2
//Contact: kalle.lievejarvi@pingvindesigns.com
//Note: .
//Versiohistoria:
//7.8.2005	Kalle	Ensimmäinen versio. Demon perusfunctiot: avaa, siirrä, sulje ja viive.

var pageWidth = 0;
var pageAlign = 'center';


function demoShow(ID,speed,style){
	if ( style == 'now' ){
		document.all[ID].style.visibility = 'visible';
	}
}
function demoMove(ID,x,y,anchor,speed,style){
	// ip = ip of the element that is about to be moved
	// x = coordinate x (relative to anchor)
	// y = coordinate y (relative to anchor)
	// anchor = screen (default) | mouse | name of te element ip (top left))
	// speed = 
	// style = how the layer is been moved

	// Start coordinates
	// from_X = document.all[ip].style.left;
	// from_Y = document.all[ip].style.top;


	// End coordinates
	if ( anchor == '' || anchor == 'screen' ){
		if ( screen.availWidth > 0 && pageWidth > 0 && pageAlign == 'center' )
			// to_X = x + ( (screen.availWidth-pageWidth)/2 ); // windows mäyttöruutu
			to_X = x + ( (window.document.body.clientWidth-pageWidth)/2 ); // HTML -ikkuna 
		else 
			to_X = x;
		to_Y = y;
	} else if ( anchor == 'mouse' ){ // 
		to_X = event.x + document.body.scrollLeft + x;	
		to_Y = event.y + document.body.scrollTop + y;
	} else {	// anchor position
		to_X = document.all[anchor].style.left	+ x;
		to_Y = document.all[anchor].style.top	+ y;
	}

	// Set coordinates
	if ( style == 'now' ){
		document.all[ID].style.left		= to_X+'px';
		document.all[ID].style.top		= to_Y+'px';
	}
}
function OK(){
}
function demoPause(time){
	var d = new Date()
	var stop  	= d.getTime() + time;
	var now 	= d.getTime();
	while ( stop - now > 0 ){
		//var erotus = stop - now;
		//alert (stop+' - '+now+'='+erotus);
		d = new Date()
		now = d.getTime();
	}
}
function demoClose(ID,speed,style){
	if ( style == 'now' ){
		document.all[ID].style.visibility = 'hidden';
	}
}
function demoOpen(url){
}




// TESTIDEMO
function showDemo(){
	pageWidth = 780;
	pageAlign = 'center';
	alert('demo 0.15')
	alert('ajankohtiasta');

	demoMove('demo_ajankohtaista',0,0,'screen',0,'now');
	demoShow('demo_ajankohtaista',0,'now');
	for ( i = 0 ; i < 320 ; i = i+10 ){
		alert(i);
		demoMove('demo_ajankohtaista',0,i,'screen',0,'now');
	}
	demoShow('demo_ajankohtaista',0,'now');
	demoPause(1000);

	alert('www');
	demoMove('demo_www',150,530,'screen',0,'now');
	demoShow('demo_www',0,'now');
	demoPause(1000);
	
	alert('ohjelmisto');
	demoMove('demo_ohjelmisto',350,530,'screen',0,'now');
	demoShow('demo_ohjelmisto',0,'now');
	demoPause(1000);
	
	alert('it');
	demoMove('demo_it',550,530,'screen',0,'now');
	demoShow('demo_it',0,'now');
	demoPause(1000);

	alert('sulje');
	demoClose('demo_ajankohtaista','0','now');
	demoClose('demo_www','0','now');
	demoClose('demo_ohjelmisto','0','now');
	demoClose('demo_it','0','now');

}


