/*IMAGEFLOW JS
/ author: 	dominicw
/ last mod: 	20062008
*/
//
var dataprefix = "";
var videoprefix = "";	

var ImageFlowdata = {
	def: {
			pic: dataprefix + "corporation/corp_logo.jpg",
			d150: dataprefix + "corporation/corp_logo_150dpi.zip",
			d300: dataprefix + "corporation/corp_logo_300dpi.zip",
			title: 'Logo',
			desc: 'Boehringer Ingelheim corporate logo',
			s150: '1148',
			s300: '4796'
	},
	videos: {	
		"video1": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Soriano_Pre-Results_EN_1.FLV",
			galpic: dataprefix + "Soriano_Pre-Results_EN_1_klein.jpg",
			galtxt: "What is the most interesting question ArTEN is posing?",
			title: 'ARTEN Video',
			playTime: '01:35'
		},
		"video2": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Soriano_Pre-Results_EN_2.FLV",
			galpic: dataprefix + "Soriano_Pre-Results_EN_2_klein.jpg",
			galtxt: "Which area of the data are you looking forward to most and why?",
			title: 'ARTEN Video',
			playTime: '01:04'
		},
		"video3": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Soriano_Pre-Results_EN_3.flv",
			galpic: dataprefix + "Soriano_Pre-Results_EN_3_klein.jpg",
			galtxt: "Why is this important today?",
			title: 'ARTEN Video',
			playTime: '00:51'
		},
		"video4": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Soriano_Pre-Results_EN_4.flv",
			galpic: dataprefix + "Soriano_Pre-Results_EN_4_klein.jpg",
			galtxt: "ARTEN, why it is this study important today?",
			title: 'ARTEN Video',
			playTime: '00:47'
		},
		"video5": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Soriano_Pre-Results_EN_5.flv",
			galpic: dataprefix + "Soriano_Pre-Results_EN_5_klein.jpg",
			galtxt: "A three sentence summary why ARTEN is important",
			title: 'ARTEN Video',
			playTime: '01:03'
		}
	},
	anticipating_arten: {	
		"video1": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Soriano_Pre-Results_EN_1.FLV",
			galpic: "/wcms_pm/viramune_prod/res/img/imageflow/Soriano_Pre-Results_EN_1_klein.jpg",
			galtxt: "What is the most interesting question ArTEN is posing?",
			title: 'ARTEN Video',
			playTime: '01:35'
		},
		"video2": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Soriano_Pre-Results_EN_2.FLV",
			galpic: "/wcms_pm/viramune_prod/res/img/imageflow/Soriano_Pre-Results_EN_2_klein.jpg",
			galtxt: "Which area of the data are you looking forward to most and why?",
			title: 'ARTEN Video',
			playTime: '01:04'
		},
		"video3": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Soriano_Pre-Results_EN_3.flv",
			galpic: "/wcms_pm/viramune_prod/res/img/imageflow/Soriano_Pre-Results_EN_3_klein.jpg",
			galtxt: "Why is this important today?",
			title: 'ARTEN Video',
			playTime: '00:51'
		},
		"video4": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Soriano_Pre-Results_EN_4.flv",
			galpic: "/wcms_pm/viramune_prod/res/img/imageflow/Soriano_Pre-Results_EN_4_klein.jpg",
			galtxt: "ARTEN, why it is this study important today?",
			title: 'ARTEN Video',
			playTime: '00:47'
		},
		"video5": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Soriano_Pre-Results_EN_5.flv",
			galpic: "/wcms_pm/viramune_prod/res/img/imageflow/Soriano_Pre-Results_EN_5_klein.jpg",
			galtxt: "A three sentence summary why ARTEN is important",
			title: 'ARTEN Video',
			playTime: '01:03'
		}
	},
	arten_results: {
		"video1": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Soriano_Results_EN_1.flv",
			galpic: "/wcms_pm/viramune_prod/res/img/imageflow/Soriano_Results_EN_1_klein.jpg",
			galtxt: "What is the most striking fact in the ARTEN results?",
			title: 'ARTEN Video',
			playTime: '01:35'
		},
		"video2": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Soriano_Results_EN_2.flv",
			galpic: "/wcms_pm/viramune_prod/res/img/imageflow/Soriano_Results_EN_3_klein.jpg",
			galtxt: "How has your perception of Nevirapine since changed?",
			title: 'ARTEN Video',
			playTime: '01:35'
		},
		"video3": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Soriano_Results_EN_3.flv",
			galpic: "/wcms_pm/viramune_prod/res/img/imageflow/Soriano_Results_EN_3_klein.jpg",
			galtxt: "What do these results mean to HIV-treating physicians?",
			title: 'ARTEN Video',
			playTime: '01:35'
		},
		"video4": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Soriano_Results_EN_4.flv",
			galpic: "/wcms_pm/viramune_prod/res/img/imageflow/Soriano_Results_EN_4_klein.jpg",
			galtxt: "What do these results mean to patients?",
			title: 'ARTEN Video',
			playTime: '01:35'
		},
		"video5": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Soriano_Results_EN_5.flv",
			galpic: "/wcms_pm/viramune_prod/res/img/imageflow/Soriano_Results_EN_5_klein.jpg",
			galtxt: "Striking efficacy results comparing Nevirapine and Atazanavir.",
			title: 'ARTEN Video',
			playTime: '01:35'
		},
		"video6": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Soriano_Results_EN_6.flv",
			galpic: "/wcms_pm/viramune_prod/res/img/imageflow/Soriano_Results_EN_6_klein.jpg",
			galtxt: "Tolerability of ARTEN: What comes to mind?",
			title: 'ARTEN Video',
			playTime: '01:35'
		},
		"video7": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Soriano_Results_EN_7.flv",
			galpic: "/wcms_pm/viramune_prod/res/img/imageflow/Soriano_Results_EN_7_klein.jpg",
			galtxt: "In your opinion, what impact will ArTEN have on clinical practice?",
			title: 'ARTEN Video',
			playTime: '01:35'
		},
		"video8": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Soriano_Results_EN_8.flv",
			galpic: "/wcms_pm/viramune_prod/res/img/imageflow/Soriano_Results_EN_8_klein.jpg",
			galtxt: "How would you summarise the ArTEN results to a colleague?",
			title: 'ARTEN Video',
			playTime: '01:35'
		}
	},
	discussing_results: {
		"video1": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/PanelDiscussion.f4v",
			galpic: "/wcms_pm/viramune_prod/res/img/imageflow/discussion_panel_klein.jpg",
			galtxt: "Discussion Panel",
			title: 'ARTEN Video',
			playTime: '26:18'
		},
		"spezial_mist": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Soriano_Pre-Results_EN_1.FLV",
			galpic: "/wcms_pm/viramune_prod/res/img/imageflow/soriano_klein.jpg",
			galtxt: "Dr Vincente Soriano",
			title: 'ARTEN Video',
			playTime: '01:35'
		},
		"video3": {			
			videodata: "/wcms_pm/viramune_prod/downloads/ArTEN/Reiss.f4v",
			galpic: "/wcms_pm/viramune_prod/res/img/imageflow/peter_reiss_klein.jpg",
			galtxt: "Prof Peter Reiss",
			title: 'ARTEN Video',
			playTime: '09:07'
		}
	}
}

//lightbox Call ImageFlow
function callImageFlowContent(group, element){ 
	lightbox.create({type:'callback', callback : ImageFlowContent, el : element, gr: group});	
}
function ImageFlowContent(params) {
	
	var myParams = getImageFlowdata(params.gr, params.el);	
	
	//video-lb braucht anderes HTML
	if(params.gr == 'anticipating_arten' ||  params.gr == 'arten_results' ||  params.gr == 'discussing_results'){
		
		var mySlider = '<ul class="slide clearfix">' +
							'<li class="slidebar">' +				
								'<div id="track">' +
									'<div id="handle" class="slidehandle"></div>' +
								'</div>' +
							'</li>' +
						'</ul>';
		
		if(params.gr == 'anticipating_arten') {
			myTempSelect = replaceSliderContent('anticipating_arten');			
		} else if(params.gr == 'arten_results') {
			myTempSelect = replaceSliderContent('arten_results');
		} else if(params.gr == 'discussing_results') {
			myTempSelect = replaceSliderContent('discussing_results');
			mySlider = '';
		}
		
		var content = 	'<div id="ImageFlowPopup" class="popcontainer large">' +
							'<div class="maincontent clearfix">' +
								'<div class="close clearfix"><a href="#" onclick="lightbox.lb_hide();return false;" class="orange">close window</a></div>' +													
								'<div style="height: 300px;">' +
									'<div id="content" class="clearfix" style="padding-left: 20px;">' +
										'<div id="flashVideo" style="padding-top: 2em;">'+
											'<p>No flash player detected. For optimized usage of this website your browser should support shockwave flash. For downloading see <a href="http://www.macromedia.com/go/getflashplayer" title="Macromedia Flash Player"></a></p>'+
										'</div>' +
									'</div>' +
									'<div id="confirm" style="display: none;">' +
										'<p><strong>Copyright notice</strong></p>' +
										'<p>You are about to download an image. The Boehringer Ingelheim group of companies owns the extensive copyrights for this image. We, as owner of the copyrights, give you the right to download this image and to duplicate, publish and distribute it for your publishing activities as long as the photo bears the attribution "Image: Boehringer Ingelheim GmbH". Publication details and a voucher copy should be sent to us.</p>' +
										'<p>Any kind of changes or partial duplication, publication or distribution of the image are not permitted.</p>' +
										'<div class="clearfix"><a href="#" onclick="lightbox.lb_hide();" id="ok">Download</a><div style="padding-top:5px;"><a href="#main" id="piclink" onclick="denyDownload(); return false;">back</a></div></div>' +
									'</div>' +
								'</div>' +
							'</div>'+
							'<div id="addcontent" class="addcontent">' +
								'<div>'+
									'<strong>More videos:</strong>' +							
										
										myTempSelect +									
										mySlider +	
										
								'</div>' +
							'</div>' +
						'</div>' +
						'<script type="text/javascript" language="javascript">' +
							'var so = new SWFObject("/wcms_pm/viramune_prod/res/media/player.swf", "lbflash", "320", "265", "8", "#FFFFFF");' +
							'so.addParam("quality", "low");' +
							'so.addParam("quality","HIGH");' +
							'so.addParam("allowScriptAccess","sameDomain");' +
							'so.addParam("salign", "t");' +
							'so.addParam("scale", "noborder");' +
							'so.addParam("wmode", "transparent");' +
							'so.addVariable("file", "'+myParams.videodata+'");' +
							'so.addVariable("videoinfo", "'+myParams.playTime+'");' +
							'so.addVariable("title", "'+myParams.title+'");' +
							'so.addVariable("autoStart", "true");' +
							'so.write("flashVideo");' +
							'callSliders();' +
						'</script>';
	} else {
	
		var content =	'<div id="ImageFlowPopup" class="popcontainer large">' +
							'<div class="close clearfix"><a href="#" onclick="lightbox.lb_hide();return false;"onclick="lightbox.lb_hide();return false;" class="orange">close window</a></div>' +						
							'<div class="maincontent clearfix">' +
								'<div class="whitebg">' +
									'<div id="content" class="clearfix">' +
										'<img src="'+myParams.pic+'" alt="'+myParams.title+'" title="'+myParams.title+'" />' +
										'<div><strong>'+myParams.title+'</strong></div>' +
										'<div>'+myParams.desc+'</div>' +
										'<div>Format: JPG (RGB)</div>' +
										'<div>' +
											'<ul>' +
												'<li><a href="'+myParams.d300+'" onclick="returnDownload(\''+myParams.d300+'\'); return false;">Download 300dpi</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Size: '+myParams.s300+' KB</li>' +
												'<li><a href="'+myParams.d150+'" onclick="returnDownload(\''+myParams.d150+'\'); return false;">Download 150dpi</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Size: '+myParams.s150+' KB</li>' +
											'</ul>' +
										'</div>' +
									'</div>' +
									'<div id="confirm" style="display: none;">' +
										'<p><strong>Copyright notice</strong></p>' +
										'<p>You are about to download an image. The Boehringer Ingelheim group of companies owns the extensive copyrights for this image. We, as owner of the copyrights, give you the right to download this image and to duplicate, publish and distribute it for your publishing activities as long as the photo bears the attribution "Image: Boehringer Ingelheim GmbH". Publication details and a voucher copy should be sent to us.</p>' +
										'<p>Any kind of changes or partial duplication, publication or distribution of the image are not permitted.</p>' +
										'<div class="clearfix"><a href="#" onclick="lightbox.lb_hide();" id="ok">Download</a><div style="padding-top:5px;"><a href="#main" id="piclink" onclick="denyDownload(); return false;">back</a></div></div>' +
									'</div>' +
								'</div>' +
							'</div>'+
							'<div id="addcontent" class="addcontent">' +
								'<div style="overflow: hidden; padding-left: 3px;">'+
									'<strong>More images:</strong>' +							
									myGalselect +
									'<ul class="slide clearfix">' +
										'<li class="slidebar">' +				
											'<div id="track">' +
												'<div id="handle" class="slidehandle"></div>' +
											'</div>' +
										'</li>' +
									'</ul>' +
									'<div class="mediapool">' +
										'<a target="_blank" href="https://mediapool.boehringer-ingelheim.com/index.php?id=16&no_cache=1&tx_mediadb_pi1[mode]=search&tx_mediadb_pi1[SEARCH][activeSearch]=search&tx_mediadb_pi1[SEARCH][swords]='+params.gr+'" onclick="window.open(this.href); return false;"><img src="../../images/mediapool_mini.gif" alt="Media Pool" title="Media Pool" /></a>' +
										'View all images of this category in the <a href="https://mediapool.boehringer-ingelheim.com/index.php?id=16&no_cache=1&tx_mediadb_pi1[mode]=search&tx_mediadb_pi1[SEARCH][activeSearch]=search&tx_mediadb_pi1[SEARCH][swords]='+(params.gr)+'" onclick="window.open(this.href); return false;">media pool</a> website.' +
									'</div>' +
								'</div>' +
							'</div>' +
						'</div>' +
						'<script type="text/javascript" language="javascript">' +
							"callSliders();"+
						'</script>';
	}
	
	return content;
}
function getImageFlowdata(group, element) { 
	return (group in ImageFlowdata && element in ImageFlowdata[group]) ? ImageFlowdata[group][element] : ImageFlowdata.def;		
}
//Links mit Funktion zum Austauschen der ImageFlow Kategorie
function replaceImageFlowContent(){
	$$('ul.videoSelector a').each( function(element) {
		element.onclick = function () {
			element.blur();
			$('videoSelector').childElements().each(function(element) {element.removeClassName('active');});
			
			element.ancestors()[0].addClassName('active');
			$('flashContent').innerHTML = '';
			if(element.title == 'People' || element.title =='History' ){
				var so = new SWFObject("/wcms_pm/viramune_prod/res/media/player.swf", "photoflow_h", "480", "288", "8", "#FFFFFF");
			} else {
				var so = new SWFObject("/wcms_pm/viramune_prod/res/media/player.swf", "photoflow_w", "480", "288", "8", "#FFFFFF");
			}			
			so.addParam("quality", "low");
			so.addParam("quality","HIGH");
			so.addParam("allowScriptAccess","sameDomain");
			so.addParam("salign", "t");
			so.addParam("scale", "noborder");
			so.addParam("wmode", "transparent");			
			so.addVariable('sliderText', element.title);			
			so.addVariable('extXML', element.title);
			so.write("flashContent");
			//myGalselect = replaceSliderContent(element.title,element.title);			
			return false;
		}
	});
}
function replaceLightboxContent(group,element) {

	var myParams = getImageFlowdata(group, element);
	
	var tmp = '<div id="content" class="clearfix">' +
				'<img src="'+myParams.pic+'" alt="'+myParams.title+'" title="'+myParams.title+'" />' +
				'<div><strong>'+myParams.title+'</strong></div>' +
				'<div>'+myParams.desc+'</div>' +
				'<div>Format: JPG (RGB)</div>' +
				'<div>' +
					'<ul>' +
						'<li><a href="'+myParams.d300+'" onclick="returnDownload(\''+myParams.d300+'\'); return false;">Download 300dpi</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Size: '+myParams.s300+' KB</li>' +
						'<li><a href="'+myParams.d150+'" onclick="returnDownload(\''+myParams.d150+'\'); return false;">Download 150dpi</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Size: '+myParams.s150+' KB</li>' +
					'</ul>' +
				'</div>' +
			'</div>';
	
	$('content').innerHTML = tmp;
	
}

function replaceLightboxContentVideo(group,element) {
	
	var myParams = getImageFlowdata(group, element);
	
	var so = new SWFObject("/wcms_pm/viramune_prod/res/media/player.swf", "lbflash", "320", "265", "8", "#FFFFFF");
	so.addParam("quality", "low");
	so.addParam("quality","HIGH");
	so.addParam("allowScriptAccess","sameDomain");
	so.addParam("salign", "t");
	so.addParam("scale", "noborder");
	so.addParam("wmode", "transparent");
	so.addVariable("file", myParams.videodata);
	so.addVariable("videoinfo", myParams.playTime);
	so.addVariable("title", myParams.title);
	so.addVariable("autoStart", "true");
	so.write("flashVideo");
	
}
//Slider größe bestimmen und initieren
function callSliders() {
	tmp = $('galselect').childElements('li');
	gWidth = (tmp.length * tmp[0].getWidth()+110);
	$('galselect').setStyle({width: gWidth+'px'});
	var callbacks = {
		onSlide: function(value, slider){
			$('galselect').setStyle({'marginLeft': '-'+gWidth*(value/2.7) +'px'})
		},
		onChange: function(value, slider){
			$('galselect').setStyle({'marginLeft': '-'+gWidth*(value/2.7) +'px'})
		}
	}
	new Control.Slider('handle', 'track', {
		onSlide: callbacks.onSlide, onChange: callbacks.onChange
	});
};
//SliderList Inhalt bestimmen, HTML generieren und RETURN
function replaceSliderContent(group,name){
	var insert = ['<ul id="galselect" class="galselect">'];
	var groupObj = ImageFlowdata[group]
	for (name in groupObj) { 
		var data = groupObj[name]
		if(group == 'anticipating_arten' ||  group == 'arten_results' ||  group == 'discussing_results'){
			if(name == "spezial_mist"){
				insert.push('<li><a href="#" id="'+name+'" onclick="replace_spezial_mist();return false;"><img src="'+data.galpic+'" alt="" /><br /><span>'+data.galtxt+'</span></a></li>')
			} else {
				insert.push('<li><a href="#" id="'+name+'" onclick="replaceLightboxContentVideo(\''+group+'\',\''+name+'\');markImage(\''+name+'\');this.blur();return false;"><img src="'+data.galpic+'" alt="" /><br /><span>'+data.galtxt+'</span></a></li>')
			}
		} else {
			insert.push('<li><a href="#" id="'+name+'" onclick="replaceLightboxContent(\''+group+'\',\''+name+'\');markImage(\''+name+'\');this.blur();return false;"><img src="'+data.galpic+'" alt="" /><br /><span>'+data.galtxt+'</span></a></li>')
		}
	}	
	insert.push('</ul><br />');	
	return insert.join('');
}

//DownloadLink bereitstellen
function returnDownload(path) {	
	path = "http://www.boehringer-ingelheim.com" + path;
	$$('#ImageFlowPopup div#confirm a#ok').each(function (element) { element.onclick = function () {window.open(path, "Download");lightbox.lb_hide(); }});
	$$('#ImageFlowPopup div#content').each(function (element) { element.setStyle({display: 'none'}) });
	$$('#ImageFlowPopup div#confirm').each(function (element) {element.setStyle({display: 'block'}) });	
}
//Toggle Copyright Notice
function denyDownload(href) {
	$$('#ImageFlowPopup div#content').each(function (element) { element.setStyle({display: 'block'}) });
	$$('#ImageFlowPopup div#confirm').each(function (element) { element.setStyle({display: 'none'}) });
}
//galselect image active setzen
function markImage(el){
	$('galselect').childElements().each(function(element) {element.removeClassName('active');});
	$(el).up().addClassName('active');	
}

//ganz großer haufen scheisse.de
function replace_spezial_mist() {
	$('lbWrapper').addClassName('spezial');
	$('lbHolder').innerHTML = "";
	var content = "";
	content = 	'<div class="maincontent">' +
					'<div class="close clearfix"><a href="#" onclick="lightbox.lb_hide();return false;" class="orange">close window</a></div>' + 
					'<div id="flashExtern" style="width: auto; height: 400px;">bla blub</div>' +								
				'</div>';
				
	$('lbHolder').innerHTML = content;
	
	var so = new SWFObject("/wcms_pm/viramune_prod/hcp/Clinical_Studies/ArTen.swf", "lbflash", "800", "440", "8", "#FFFFFF");
	so.addParam("quality", "low");
	so.addParam("quality","HIGH");
	so.addParam("allowScriptAccess","sameDomain");
	so.addParam("salign", "t");
	so.addParam("scale", "noborder");
	so.addParam("wmode", "transparent");
	so.write("flashExtern");
	
}


//addDOMLoadEvent(replaceImageFlowContent);