var pathToImages = applicationRoot + "/Common/images/"
var pathToFlash  = applicationRoot + "/Common/swf/"

function showTimeline() {
	
	try {
		document['audioPlayer'].skip()
	} catch(e) {}

	var content = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="760" height="350" id="Psoriasis Timeline copy" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="'+pathToFlash+'Psoriasis Timeline copy.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#073a6d" /><embed src="'+pathToFlash+'Psoriasis Timeline copy.swf" quality="high" bgcolor="#073a6d" width="760" height="350" name="Psoriasis Timeline copy" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>'
	
	var win = $(window)
	var w = win.getScrollSize().x
	var h = win.getScrollSize().y
	
	var l = Math.round((w/2) - (790/2))
	
	var bg = new Element('div')
		bg.setStyles({
			'width':w, 
			'height':h, 
			'backgroundImage':'url('+pathToImages+'trans.png)',
			'backgroundRepeat':'repeat',
			'position':'absolute',
			'left':'0px',
			'right':'0px',
			'top':'0px',
			'zIndex':'999'
			
		})
		bg.set('id', 'TimelineHolder')
		bg.inject($$('body')[0], 'top')
		
	var close = new Element('a')
		close.set({
			'html':'<img src="'+pathToImages+'close.png" border="0" ></img>',
			'href':'javascript:hideTimeline()'
		})
		close.setStyles({
			'position':'absolute',
			'top':'0px',
			'left':l+(795-102)
		})
		
	var sop = new Element('div')
		sop.setStyles({
			'width':'795px',
			'height':'390px',
			'overflow':'hidden',
			'position':'absolute',
			'left':l,
			'top':'100px',
			'backgroundImage':'url('+pathToImages+'canvas.png)',
			'backgroundRepeat':'no-repeat',
			'paddingLeft':'18px',
			'paddingTop':'18px'
		})
		sop.set('html', content)
		
	    var pNo = new Element('div')
		pNo.setStyles({			
			'position':'absolute',
			'left':'50%',
			'top':'488px',			
			'font-family':'arial, sans-serif',
            'color':'#4d779f',			
			'margin-left':'-380px'
		})
		pNo.set('html', '64S-186601')		
		bg.adopt(pNo)
		bg.adopt(sop)
		bg.adopt(close)
		
		window.onresize = resizeTimeline.bind(null, [bg, sop, close]);
		
}

function hideTimeline() {
	window.onresize = null;
	$('TimelineHolder').destroy()
}

function resizeTimeline(bg, sop, close) {
	
	var win = $(window)
	var w = win.getSize().x
	var h = win.getScrollSize().y
	var l = Math.round((w/2) - (795/2))
	
	bg.setStyles({
		'width':w, 
		'height':h
	})
	
	close.setStyles({
		'left':l+(795-102)
	})
	
	sop.setStyles({
		'left':l
	})
}