/* Copyright Scientec Internet Applications + Media GmbH - www.scientec.de */

$(document).ready(function(){

	var sprache=($('html').attr('lang')=="de")?"":"_e";

//					<div id="img" style="height:100%;background-image:url(/grafik/Seamotion.jpg);background-position:bottom"></div>\

	$('#seite').css('position','relative');
	$('body').append('<div id="bg" style="position:absolute; top:0px; left:0; height:100%; width:100%;background-color:#000; z-index:199; overflow:auto; display:none;opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70)"></div>');
	$('#seite').append('	<div id="y" style="display:none;position:absolute;top:100px;left:0px;z-index:500; width:899px; height:333px; border:1px solid #c2c2c2; background-color:#fff; ">\
					<div id="close" style="display:none;height:21px;cursor:pointer;background:#fc0 url(/onTEAM/layout/images/close.gif);position:absolute; right:-40px; top:-1px; width:21px; border:1px solid #fff;background-position:center"></div>\
					<div id="img" style="height:100%;" style="background-color:#fff"><img height="100%" src="/grafik/Seamotion.jpg"></div>\
					<div id="ifr" style="position:absolute;top:100px;left:0;width:100%;bottom:0;display:none">\
						<iframe style="position:absolute;top:0;left:0;width:100%;height:100%" src="/onTEAM/microsite/extended/iframe'+sprache+'.html" frameborder="no"></iframe>\
					</div>\
				</div>');
	$('#seite').append('<img class="micrositeimage" id="x" src="/grafik/Seamotion.jpg" style="position:absolute;top:'+_relPosTop($('#xIMG'),$('#seite'))+'px;left:'+_relPosLeft($('#xIMG'),$('#seite'))+'px;z-index:500; width:239px; height:89px">')
      $('.micrositeimage').css('opacity','0');
	$('#xA,#x,#xIMG').click(animation);
	if (document.location.href.indexOf("?salon")!=-1) animation();


});

function animation(){
            $('.micrositeimage').css('opacity','1');
		$('html,body').animate({scrollTop:0},300); 
		$('#bg').css('display','block');
		$('body').css('overflow','hidden');
		$('body').css('marginRight','18px');
		$('#xIMG').css('opacity','0.25');
		$('#x').unbind('click');
		$('#x').delay(600).animate(
			{
				top: "101px",
				width: "899px",
				height: "333px"
			}, 500, 
			function(){
      		      $('.topnews').css('visibility','hidden');
				$('#y').css('display','block');
				$('#x').css('display','none');		
				$('#img').delay(600).animate(
					{
						height: "110px"
					}, 500, 
					function() {
						$('#close').fadeIn(200, function(){});
						$('#ifr').fadeIn(200, function(){});
						$('#y').animate(
							{
								height: "620px"
							}, 500, 
							function() {
								$('#ifr iframe').contents().find('html,body').css('overflow','auto')
								$('#close').click( function(){
									$('#y').fadeOut(200);
									$('#bg').fadeOut(200);
									$('#xIMG').css('opacity','1');
									$('body').css('marginRight','0');
									$('body').css('overflow','auto');
    							            $('.topnews').css('visibility','visible');
								});
							}
						);
					}
				);
			}
		);
		return false
}


function _relPosTop(el,EL){return el.offset().top - EL.offset().top}
function _relPosLeft(el,EL){return el.offset().left - EL.offset().left}