// JavaScript Document
function CreateBookmarkLink(url) {
 title = "Dr.Caspari"; 
	if (window.sidebar) { // Mozilla Firefox Bookmark
		window.sidebar.addPanel(title, location.href,"");
	} else { // IE Favorite
		window.external.AddFavorite( location.href, title); }
 }

askDrC = function(id,type,container,func){
	var error = false;
	var response = '';
	
	if( !$('termscheck').checked ){
	error = true;
		response = 'You must agree to our Terms of Service to use this service.\n';
	}
	
	var emailVal = $('tx_mpforms_pi1[email]').value;
	var emailRegEx = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	if(!emailVal.match(emailRegEx)){
		error = true;
		response = response+'Please check your email-address.';
	}

	
	if( error == false ){
		var url = 'index.php';
		var pars = $('askDrC').serialize();
		var pars = 'id='+id+'&type='+type+'&'+func+'&'+pars;
		
		new Ajax.Request(url+"?"+pars,{ 
			onSuccess: function (transport) {
				var data = transport.responseText;
				
				// alert(error+' * not filled in');
				
				$(container).update(data);
		}}); 
	} else {
		alert(response);
	}
}

loadcontent = function(url,container){
  new Ajax.Request(url,{ 
    onSuccess: function (transport) {
    var data = transport.responseText;
    $(container).update(data);
  }});
}

loadtabcontent = function(id){
  var url = 'index.php';
  var pars = 'id='+id+'&type=71';
  var container = 'tabcontentcont';
  new Ajax.Request(url+"?"+pars,{ 
    onSuccess: function (transport) {
    var data = transport.responseText;
    $(container).update(data);
  }});
}
// scroll the element vertically based on its width and the slider maximum value
	function scrollVertical(value, element, slider) {
		element.scrollTop = Math.round(value/slider.maximum*(element.scrollHeight-element.offsetHeight));
	}
	
updateflv2 = function(file,preview,width,height,background){
  //var file = 'flv/14092008035.flv';
  var skin = 'fileadmin/templates/swf/caspari.swf';
  var s1 = new SWFObject("typo3conf/ext/mp_flv/res/player.swf","ply","466","275","9",background);
  s1.addParam("allowfullscreen","true");
  s1.addParam("allowscriptaccess","always");
  s1.addParam("flashvars","file="+file+preview);
  s1.write("flvcontainer");
}

changetab2_1 = function(lang){
	
	$('one').show();
	
	// vertical slider control
	/*
	var slider1 = new Control.Slider('tab2handle1', 'tab2track1', {
		axis: 'vertical',
		range: $R(0,10),
		values: [0,1,2,3,4,5,6,7,8,9,10],
		onSlide: function(v) { scrollVertical(v, $('tab2text1'), slider1); },
		onChange: function(v) { scrollVertical(v, $('tab2text1'), slider1); }
	});
	*/
	$('tab2tab1').className = 'active';
	$('tab2tab2').removeClassName('active');
	
	$('tab2tab1img').src = 'fileadmin/php/'+lang+'tab_aa1_active.png';
	$('tab2tab2img').src = 'fileadmin/php/'+lang+'tab_aa2.png';
	// GA changed width of fla-file updateflv2('/uploads/tx_templavoila/'+$('tab2tab1flv').innerHTML+'&skin=fileadmin/templates/swf/caspari.swf','','475','275','');
	if( $('tab2tab1flv').innerHTML != '' ){
		updateflv2('/uploads/tx_templavoila/'+$('tab2tab1flv').innerHTML+'&skin=fileadmin/templates/swf/caspari.swf','','467','275','');
	}
	$('two').hide();
}

tabchange = function(s,m,a){
	if( !$(a).hasClassName('active') ){
		$(s).src = m;
	}
}

changetab2_2 = function(lang){
	//$('two').show();
	document.getElementById('two').style.display='block';
	document.getElementById('two').style.visibility='visible';
	document.getElementById('tab2track2').style.visibility='visible';
	document.getElementById('tab2handle2').style.visibility='visible';
	document.getElementById('tab2handle2').style.display='block';
		
	// vertical slider control
	/*
	var slider2 = new Control.Slider('tab2handle2', 'tab2track2', {
		axis: 'vertical',
		range: $R(0,10),
		values: [0,1,2,3,4,5,6,7,8,9,10],
		onSlide: function(v) { scrollVertical(v, $('tab2text2'), slider2); },
		onChange: function(v) { scrollVertical(v, $('tab2text2'), slider2); }
	});	
	*/
	$('tab2tab2').className = 'active';
	$('tab2tab1').removeClassName('active');
	
	$('tab2tab1img').src = 'fileadmin/php/'+lang+'tab_aa1.png';
	$('tab2tab2img').src = 'fileadmin/php/'+lang+'tab_aa2_active.png';
	if( $('tab2tab2flv').innerHTML != '' ){
		updateflv2('/uploads/tx_templavoila/'+$('tab2tab2flv').innerHTML+'&skin=fileadmin/templates/swf/caspari.swf','','475','275','');
	}
	
	$('one').hide();
}

hidecover = function(container,ctop,x){
	$(container).setStyle({
		'background':'url(fileadmin/templates/img/dermobox_grey.gif) top left no-repeat'
	});
	//$(ctop).setStyle({
	//	'background':'url(fileadmin/templates/img/'+ctop+'.jpg) '+x+'px 53px no-repeat'
	//});
}
showcover = function(container,ctop){
	$(container).setStyle({
		'background':'url(fileadmin/templates/img/dermobox_light.gif) top left no-repeat'
	});
	//$(ctop).setStyle({
	//	'background':'url(fileadmin/templates/img/trans.gif) top left no-repeat'
	//});
}
showhidecover = function(a){
	if( !$(a).hasClassName('methodbox_active') ){
		$(a).removeClassName('methodbox');
		$(a).addClassName('methodbox_active');
	} else {
		$(a).removeClassName('methodbox_active');
		$(a).addClassName('methodbox');
	}
}
var pageNumber = 0;
var isScolling = false;

function getPageElements() {
var pages = new Array();
var divs = document.getElementById("page-holder").getElementsByTagName("div");
for (var i = 0; i < divs.length; i++) {
if (divs[i].className == "page") {
pages.push(divs[i]);
}
}
return pages;
}

function setPages() {
var pageElements = getPageElements();
for (var i = 0; i < pageElements.length; i++) {
pageElements[i].style.display = (i == pageNumber) ? "block" : "none";
}
document.getElementById("page-number").firstChild.data = pageNumber + 1;
}

function scrollToPreviousPage() {
if (pageNumber == 0) return;
if (isScolling) return;
pageNumber--;
setPages();
}

function scrollToNextPage() {
if (isScolling) return;
var pages = getPageElements();
if (pageNumber >= pages.length - 1) return;
pageNumber++;
setPages();
}



setLiStyle = function(li,w){
	li.setStyle({
		margin: '0 0 12px '+w+'px'
	});
} 
  	
correctLiS = function(){
	var pimg = $('prodbox1').select('img');	
	var pul = $('prodbox1').select('li');
	setLiStyle(pul[0],pimg[0].width);

	var pimg = $('prodbox2').select('img');
	var pul = $('prodbox2').select('li');
	setLiStyle(pul[0],pimg[0].width);

	var pimg = $('prodbox3').select('img');
	var pul = $('prodbox3').select('li');
	setLiStyle(pul[0],pimg[0].width);
}