var navSpeed='50';


//onLoad stuff

$(document).ready(function(){



$("#javascript_alert").hide();
	
	lastBlock = $("ul#hnav > li.media_panel_1");
	maxWidth = 320;
	minWidth = 125;	
	
	$("ul#hnav li").hover(
		function(){
			$(lastBlock).animate({ width: minWidth+"px" }, { queue:false, duration:350 }, { easing:'easeOutElastic' });
			$(this).animate({ width: maxWidth+"px" }, { queue:false, duration:350 }, { easing:'easeOutElastic' });
			lastBlock = this;
		}, function() {
		// mouseout function here
		}
	);

	$(".fadeHover").css("opacity", 0.33);
	
	$(".fadeHover").hover(
      function(){ 
	  	$(this).fadeTo("slow", 1); 
	},function() { 
		$(this).fadeTo("slow", 0.33); }
    );


//	$("form").validate();
	
	$("#bg_popin").css("opacity", "0.6");


	//stripe tables with class rc_table
	$(".rc_table tr:odd").addClass("alt");
	$(".rc_table tr:odd td").next('td').addClass("bg2");
	
	//stripe tables with class rc2
	$(".rc_table2 tr:odd").addClass("alt");
		


	// function to open popins when link with class "popin" is clicked
	$(".popin").bind("click", function(e) {
		//$("body").css('overflow', 'hidden');
		$("#bg_popin").width("100%").height("100%").fadeIn(300);
		$("#"+this.rel).fadeIn(500);
	});	


	// function to close open popins when link with class "close" is clicked
	$(".close").bind("click", function(e) {
		$("#"+this.rel).fadeOut(500);
		$("#bg_popin").fadeOut(300);
		//$("body").css('overflow', 'auto');	
		return false;						
	});	


	// function toggle show/hide 
	$(".toggleShow").bind("click", function(e) {
		$("#"+this.rel).slideToggle('fast');
		return false;
	});	


	// submit
	$('.submit').hover(
		function () { $(this).addClass("hover"); },
		function () { $(this).removeClass("hover"); }
	);


	// function opens new windows
	$('a.new-window').click(function(){
		window.open(this.href);
		return false;
	});
	
	// function opens new windows
	$('a.new-window-no-img').click(function(){
		window.open(this.href);
		return false;
	});	
	
	// function opens new windows
	$('a.audio-window').click(function(){
		window.open(this.href,'','height=100,width=650,scrollbars=no,titlebar=false');
		return false;
	});		


	// accordion to toggle links with class 'acc'
	$('.acc').bind("click", function(e) {
		if ($("#"+this.rel).is(":visible")) {
			$("#"+this.rel).slideUp('fast');
		} else {
			$('.acc_wrapper').slideUp('fast');
			$("#"+this.rel).slideDown('fast');
		}
		return false;
	});
		
	
	// clear field when in focus
	$('.ffocus').focus( function() {
		$(this).val('');						   
   });


	// accordion definition list
	$('dl.acc > dt > a').bind('click', function() {
		$('dl.acc > dd').slideUp(150);
		$('dl.acc > dt > a').removeClass('active');

		if ($(this).parent().next('dd').is(":hidden")) {
			$(this).parent().next('dd').slideDown(150);
			$(this).addClass('active');
		}
		return false;
	});


	// tooltip
	$('.pretty').tooltip({
		track: true,
		delay: 0,
		showURL: false,
		showBody: " - ",
		extraClass: "pretty",
		fixPNG: true,
		opacity: 0.1,
		left: 100,
		top: -175
	});


	//send to a friend function

$('.a_stf').bind('click', function() {
		var lang;
		lang=this.rel;
		var stf = '';
		
		if (lang=='en') {
			stf += '			<form id="send_to_friend" method="post" action="javascript:send_to_a_friend($(\'#name\').val(),$(\'#friendsname\').val(),$(\'#email\').val(),$(\'#friendsemail\').val(),\'en\')">';
			stf += '				<div class="popin_main clearfix">';
			stf += '					<div class="left clearfix">';
			stf += '						<label for="name">Your name</label>';
			stf += '						<div class="bg_input">';
			stf += '							<input id="name" name="name" maxlength="50" tabindex="1" class="$v(required)" />';
			stf += '						</div>';
			stf += '						<label for="friendsname">Friend&rsquo;s name</label>';
			stf += '						<div class="bg_input">';
			stf += '							<input id="friendsname" name="friendsname" maxlength="50" tabindex="3" class="$v(required)" />';
			stf += '						</div>';
			stf += '					</div>';
			stf += '					<div class="right clearfix">';
			stf += '						<label for="email">Your email</label>';
			stf += '						<div class="bg_input">';
			stf += '							<input id="email" name="email" maxlength="50" tabindex="2" class="$v(required,email)" />';
			stf += '						</div>';
			stf += '						<label for="friendsemail">Friend&rsquo;s email</label>';
			stf += '						<div class="bg_input">';
			stf += '							<input id="friendsemail" name="friendsemail" maxlength="50" tabindex="4" class="$v(required,email)" />';
			stf += '						</div>';
			stf += '					</div>';
			stf += '				</div>';
			stf += '				<div class="popin_footer clearfix">';
			stf += '					<div class="left">';
			stf += '						<a href="#" title="Cancel" class="close" rel="popin_stf"></a>';
			stf += '					</div>';
			stf += '					<div class="right">';
			stf += '						<input id="stf_submit" class="submit" type="submit" value="" tabindex="5"/>';
			stf += '					</div>';
			stf += '				</div>';
			stf += '			</form>';
		} 
		if (lang=="fr"){
			stf += '			<form id="send_to_friend" method="post" action="javascript:send_to_a_friend($(\'#name\').val(),$(\'#friendsname\').val(),$(\'#email\').val(),$(\'#friendsemail\').val(),\'fr\')">';
			stf += '				<div class="popin_main clearfix">';
			stf += '					<div class="left clearfix">';
			stf += '						<label for="name">Votre nom</label>';
			stf += '						<div class="bg_input">';
			stf += '							<input id="name" name="name" maxlength="50" tabindex="1" class="$v(required)" />';
			stf += '						</div>';
			stf += '						<label for="friendsname">Nom du destinataire</label>';
			stf += '						<div class="bg_input">';
			stf += '							<input id="friendsname" name="friendsname" maxlength="50" tabindex="3" class="$v(required)" />';
			stf += '						</div>';
			stf += '					</div>';
			stf += '					<div class="right clearfix">';
			stf += '						<label for="email">Votre courriel</label>';
			stf += '						<div class="bg_input">';
			stf += '							<input id="email" name="email" maxlength="50" tabindex="2" class="$v(required,email)" />';
			stf += '						</div>';
			stf += '						<label for="friendsemail">Courriel du destinataire</label>';
			stf += '						<div class="bg_input">';
			stf += '							<input id="friendsemail" name="friendsemail" maxlength="50" tabindex="4" class="$v(required,email)" />';
			stf += '						</div>';
			stf += '					</div>';
			stf += '				</div>';
			stf += '				<div class="popin_footer clearfix">';
			stf += '					<div class="left">';
			stf += '						<a href="#" title="Cancel" class="close_fr" rel="popin_stf"></a>';
			stf += '					</div>';
			stf += '					<div class="right">';
			stf += '						<input id="stf_submit" class="submit_fr" type="submit" value="" tabindex="5"/>';
			stf += '					</div>';
			stf += '				</div>';
			stf += '			</form>';
		}
		if (lang=="de"){
			stf += '			<form id="send_to_friend" method="post" action="javascript:send_to_a_friend($(\'#name\').val(),$(\'#friendsname\').val(),$(\'#email\').val(),$(\'#friendsemail\').val(),\'de\')">';
			stf += '				<div class="popin_main clearfix">';
			stf += '					<div class="left clearfix">';
			stf += '						<label for="name">Ihr Name</label>';
			stf += '						<div class="bg_input">';
			stf += '							<input id="name" name="name" maxlength="50" tabindex="1" class="$v(required)" />';
			stf += '						</div>';
			stf += '						<label for="friendsname">Name Ihres Freundes</label>';
			stf += '						<div class="bg_input">';
			stf += '							<input id="friendsname" name="friendsname" maxlength="50" tabindex="3" class="$v(required)" />';
			stf += '						</div>';
			stf += '					</div>';
			stf += '					<div class="right clearfix">';
			stf += '						<label for="email">Ihre E-Mail-Adresse</label>';
			stf += '						<div class="bg_input">';
			stf += '							<input id="email" name="email" maxlength="50" tabindex="2" class="$v(required,email)" />';
			stf += '						</div>';
			stf += '						<label for="friendsemail">E-Mail-Adresse Ihres Freundes</label>';
			stf += '						<div class="bg_input">';
			stf += '							<input id="friendsemail" name="friendsemail" maxlength="50" tabindex="4" class="$v(required,email)" />';
			stf += '						</div>';
			stf += '					</div>';
			stf += '				</div>';
			stf += '				<div class="popin_footer clearfix">';
			stf += '					<div class="left">';
			stf += '						<a href="#" title="Abbrechen" class="close_fr" rel="popin_stf"></a>';
			stf += '					</div>';
			stf += '					<div class="right">';
			stf += '						<input id="stf_submit" class="submit_de" type="submit" value="" tabindex="5"/>';
			stf += '					</div>';
			stf += '				</div>';
			stf += '			</form>';
		}
		
		$("#popin_stf").fadeIn(500);
		$(".stf_ajax").children().remove();
		$('div.stf_ajax').append(stf);
	});	

		


});



// send to a friend ajax function
function send_to_a_friend(name, friendsname, email, friendsemail,lang) {
	$.ajax({
		type: "POST",
		url: "/"+lang+"/send-to-friend.html",
		data: "name="+name+"&friendsname="+friendsname+"&email="+email+"&friendsemail="+friendsemail,
		error: function(){
			alert('failure');
		},
		success: function(msg){
			$(".stf_ajax > form").remove();
			$('.stf_ajax').append(msg);
		}
	});
}


// function to open media popin
function flashVideo(filename, target_id, video_width, video_height, video_name) {
	var params = { wmode:"transparent" };
	var attributes = {  };
	var flashvars = { video:video_name };
	swfobject.embedSWF(filename, target_id, video_width, video_height, "9.0.0","expressInstall.swf", flashvars, params, attributes );

	$("#"+ target_id).show();
	return false;
}


// function to close media popin
$('#popin_image').bind("click", function(e) {
	$("#popin_image").fadeOut(500);
	$("#bg_popin").fadeOut(300);
	$("body").css('overflow', 'hidden');
	$("#popin_image").children().remove();
});



// subscription
function subscribe(inp_email, lang) {
	$.ajax({
		type: "POST",
		url: "/"+lang+"/subscribe.html",
		data: "inp_email="+inp_email,
		error: function(){
			alert('failure');
		},
		success: function(msg){
			//$(".stf_ajax > form").remove();
			//$('.stf_ajax').append(msg);
			alert(msg);
		}
	});
}