var layer11, layer22, window_closing_span, popup_div;
	var start_opacity11, start_opacity22;
	var end_opacity11, end_opacity22;

	var layer11_width, layer11_height, layer11_top, layer11_left;
	var layer22_width, layer22_height, layer22_top, layer22_left;

	var max_width11, max_height11;
	//var max_width2, max_height2;

	var opacity_step11, x_step11, y_step11;
	var max_opacity11, max_opacity22;
	var delay11;
	var padding11;

	var go4it11 = true;
	var step11;


	//alert('aaa');

	function init11(){
		
		layer11 = document.getElementById("layer11");
		layer22 = document.getElementById("layer22");
		window_closing_span = document.getElementById("window_closing_span");
		popup_div = document.getElementById("popup_div");

		//alert(popup_div);

		padding11 = 10;

		max_width11 = 750;
		max_height11 = 650;

		//max_width2 = 500;
		//max_height2 = 300;

		layer11_width = 100;
		layer11_height = 100;
		layer22_width = layer11_width - 2*padding11;
		layer22_height = layer11_height - 2*padding11;

		setLayersPosition();		

		max_opacity11 = 70;
		max_opacity22 = 100;		

		opacity_step11 = 2;
		x_step11 = (max_width11 - layer11_width)*opacity_step11/max_opacity11;
		y_step11 = (max_height11 - layer11_height)*opacity_step11/max_opacity11;

		delay11 = 1;
		step11 = 3;
	}
	
	function setLayersPosition(){


		layer11_top = 70;
		layer11_left = (screen.width - layer11_width)/2;
		layer22_top = layer11_top + padding11;
		layer22_left = layer11_left + padding11;

		layer11.style.top = layer11_top+"px";
		layer11.style.left = layer11_left+"px";
		layer11.style.width = layer11_width+"px";
		layer11.style.height = layer11_height+"px";
	
		//alert(layer11_top+", "+layer11_left);

		layer22.style.top = layer22_top+"px";
		layer22.style.left = layer22_left+"px";
		layer22.style.width = layer22_width+"px";
		layer22.style.height = layer22_height+"px";

	}


	(document.getElementById) ? dom = true : dom = false;

	function hideIt11(start_opacity) {
		start_opacity -= opacity_step11;

		layer11.style.opacity = start_opacity/100;
		layer11.style.MozOpacity = start_opacity/100;
		layer11.style.filter = "alpha(opacity="+start_opacity+");";

		layer11_width -= x_step11;
		layer11_height -= y_step11;
		layer22_width = layer11_width - 2*padding11;
		layer22_height = layer11_height - 2*padding11;
		setLayersPosition();

		if(start_opacity>0){
			setTimeout("hideIt11("+start_opacity+")", delay11);
		}
		else{
			layer11.style.visibility='hidden';
		}
	}

	function hideIt21(start_opacity) {
		
		var popup_flv_player = document.getElementById("popup_flv_player");
		if(popup_flv_player!=null)
			popup_flv_player.SetVariable("player:jsPause", "");


		window_closing_span.innerHTML = "<span ></span>";

		start_opacity -= opacity_step11;

		layer22.style.opacity = start_opacity/100;
		layer22.style.MozOpacity = start_opacity/100;
		layer22.style.filter = "alpha(opacity="+start_opacity+");";

		if(start_opacity>0){
			setTimeout("hideIt21("+start_opacity+")", delay11);
		}
		else{
			layer22.style.visibility='hidden';
			//popup_div.innerHTML = "<a href=\"javascript: startPopupMovie();\"><img src=\"popup/popup.gif\"  border=\"0\"></a>";
			popup_div.innerHTML = "";
			setTimeout("hideIt11("+max_opacity11+")", delay11);
		}
	}

	function showIt11(start_opacity) {
	
		//alert('aaa');

		layer11.style.visibility='visible';

		//alert('aaa');

		layer11_width += x_step11;
		layer11_height += y_step11;
		layer22_width = layer11_width - 2*padding11;
		layer22_height = layer11_height - 2*padding11;

		setLayersPosition();
		

		start_opacity += opacity_step11;

		layer11.style.opacity = start_opacity/100;
		layer11.style.MozOpacity = start_opacity/100;
		layer11.style.filter = "alpha(opacity="+start_opacity+");";

		//alert(start_opacity);

		if(start_opacity<max_opacity11){
			setTimeout("showIt11("+start_opacity+")", delay11);
		}
		else{
			//alert(layer11_width);
			//alert(layer11_width+", "+layer22_width);
			popup_div.innerHTML = "<a href=\"javascript: startPopupMovie();\"><img src=\"popup/popup.gif\"  border=\"0\"></a>";
			setTimeout("showIt21(0)", delay11);
			//showIt21(0);
		}
		
	}

	function showIt21(start_opacity) {
	
		//alert('aaa');

		layer22.style.visibility='visible';

		//alert('aaa');

		start_opacity += opacity_step11;

		layer22.style.opacity = start_opacity/100;
		layer22.style.MozOpacity = start_opacity/100;
		layer22.style.filter = "alpha(opacity="+start_opacity+");";

		//alert(start_opacity);

		if(start_opacity<100){
			setTimeout("showIt21("+start_opacity+")", delay11);
		}
		else{
			//alert(layer22.style.height);
			window_closing_span.innerHTML = "<span style=\"cursor: pointer;\">[ X ]</span>";
			setTimeout("changeImage()", 3000);
		}
		
	}

	function startPopupMovie(){

		var movie_id = "";
		var movie_title = "";

		try {
			if(window.XMLHttpRequest) {
		        	// Gecko (Firefox, Moz), KHTML (Konqueror, Safari), Opera, Internet Explorer 7
				xmlhttp = new XMLHttpRequest(); 
			} 
			else{
				if(window.ActiveXObject) {  
					xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); // Internet Explorer 4,5,5.5,6
				}
			}
		}
		catch(e) {
			return false;
		}	

		//alert(movie_filename);

		//params = "filename=test";

		params = "";

		xmlhttp.open("POST", "popup_video_counter_incrementer.php", true); 
		xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
		xmlhttp.setRequestHeader("Content-length", params.length);       
		xmlhttp.setRequestHeader("Connection", "close");          
		xmlhttp.send(params);

		xmlhttp.onreadystatechange=function() {
			if (xmlhttp.readyState == 4) { // Wait until everything is fetched!

				var response_text = xmlhttp.responseText;

				var response_text_array = response_text.split("###");
	
				movie_id = response_text_array[1];

				movie_title = response_text_array[2];

				//var new_movie_counter_div = document.getElementById("new_movie_counter_div");
				//new_movie_counter_div.innerHTML = response_text_array[0];

				player_code = "<iframe src=\"http://player.vimeo.com/video/"+movie_id+"\" width=\"650\" height=\"500\" frameborder=\"0\"></iframe>";
				player_code += "<p><a href=\"http://vimeo.com/"+movie_id+"\">"+movie_title+"</a> from <a href=\"http://vimeo.com/user3723963\">Teardrop Productions</a> on <a href=\"http://vimeo.com\">Vimeo</a>.</p>";

				popup_div.innerHTML = player_code;
				
			}
		}		



		//xmlhttp.send(null);	
	}



	var layer1, layer2;

	var player_width, player_height;

	var marker;

	var shadow_distance = 0;

	function init(){

		marker = document.getElementById("marker");

		var player_layer_left = 0;
		var player_layer_top = 0;
		var player_layer_bottom = 0;

		element = marker;

		while(element!=null){
			player_layer_left += element.offsetLeft;
			player_layer_top += element.offsetTop;
			element = element.offsetParent;
		}

		//alert(player_layer_left);

		//zona de garda pana in elementele de incadrare
		player_layer_left += 50;
		player_layer_top += 45;
		player_layer_bottom = player_layer_left + 350;

		layer1 = document.getElementById("layer1");
		layer2 = document.getElementById("layer2");

		layer_width = 650;
		layer_height = 350;		

		player_width = layer_width-30;
		player_height = layer_height-50;

		layer1.style.left = player_layer_left+"px";
		layer1.style.top = player_layer_top+"px";
		layer1.style.width = layer_width+"px";
		layer1.style.height = layer_height+"px";

		layer2.style.left = player_layer_left+"px";
		layer2.style.top = player_layer_top+"px";
		layer2.style.width = layer1.style.width;
		layer2.style.height = layer1.style.height;

		init11();

		//setTimeout("showIt11(0)", 2000);
		showIt11(0);

	}

	(document.getElementById) ? dom = true : dom = false;

	function hideIt() {

		var movie_div = document.getElementById("movie_div");
		movie_div.innerHTML = "";

		if (dom) {
			document.getElementById("layer1").style.visibility='hidden';
			document.getElementById("layer2").style.visibility='hidden';
		}
		if (document.layers) {
			document.layers["layer1"].visibility='hide';
			document.layers["layer2"].visibility='hide';
		}
	}

	function showIt() {

		//alert(document.getElementById("layer1").style.visibility);
		//alert(tempX);

  		if (dom) {
			document.getElementById("layer1").style.visibility='visible';
			document.getElementById("layer2").style.visibility='visible';
		}
		if (document.layers) {
			document.layers["layer1"].visibility='show';
			document.layers["layer2"].visibility='show';
		}
	}


	function loadNewVideo(){

		var movie_id = "";
		var movie_title = "";

		try {
			if(window.XMLHttpRequest) {
		        	// Gecko (Firefox, Moz), KHTML (Konqueror, Safari), Opera, Internet Explorer 7
				xmlhttp = new XMLHttpRequest(); 
			} 
			else{
				if(window.ActiveXObject) {  
					xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); // Internet Explorer 4,5,5.5,6
				}
			}
		}
		catch(e) {
			return false;
		}	

		//alert(movie_filename);

		//params = "filename=test";

		params = "";

		xmlhttp.open("POST", "new_video_counter_incrementer.php", true); 
		xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
		xmlhttp.setRequestHeader("Content-length", params.length);       
		xmlhttp.setRequestHeader("Connection", "close");          
		xmlhttp.send(params);

		xmlhttp.onreadystatechange=function() {
			if (xmlhttp.readyState == 4) { // Wait until everything is fetched!

				var response_text = xmlhttp.responseText;

				var response_text_array = response_text.split("###");
	
				movie_id = response_text_array[1];

				movie_title = response_text_array[2];

				var new_movie_counter_div = document.getElementById("new_movie_counter_div");
				new_movie_counter_div.innerHTML = response_text_array[0];

				player_code = "<iframe src=\"http://player.vimeo.com/video/"+movie_id+"\" width=\"550\" height=\"300\" frameborder=\"0\"></iframe>";
				player_code += "<p><a href=\"http://vimeo.com/"+movie_id+"\">"+movie_title+"</a> from <a href=\"http://vimeo.com/user3723963\">Teardrop Productions</a> on <a href=\"http://vimeo.com\">Vimeo</a>.</p>";

				var movie_div = document.getElementById("movie_div");
				movie_div.innerHTML = player_code;
				
			}
		}		



		//xmlhttp.send(null);	

		showIt();
	}

	var image_index = 0;
	var start_opacity = 100;
	
	var opacity_delay = 1;

	function changeImage(){

		var next_large_image_div = document.getElementById("large_image_div1");
		if(next_large_image_div){
			changeOpacity(100, 0, -5);
		}
	
	}

	function changeOpacity(local_start_opacity, end_opacity, opacity_step){

		
		var large_image_div = document.getElementById("large_image_div"+image_index);
		
		if(large_image_div.style.opacity)
			large_image_div.style.opacity = start_opacity/100;
		large_image_div.style.MozOpacity = start_opacity/100;
		large_image_div.style.filter = "alpha(opacity="+start_opacity+");";

		local_start_opacity += opacity_step;
		start_opacity = local_start_opacity;

		if(local_start_opacity*opacity_step/Math.abs(opacity_step)<=end_opacity)
			setTimeout("changeOpacity("+local_start_opacity+", "+end_opacity+", "+opacity_step+")", opacity_delay);
		else{
			if(opacity_step==-5){
				//change image via HTTP req.

				//alert(large_images.length);

				large_image_div.style.display = "none";
				image_index++;
				var next_large_image_div = document.getElementById("large_image_div"+image_index);
				if(!next_large_image_div){
					image_index = 0;
					next_large_image_div = document.getElementById("large_image_div"+image_index);
				}
				
				next_large_image_div.style.display = "block";			
				
				if(large_image_div.style.opacity)
					next_large_image_div.style.opacity = start_opacity/100;
				next_large_image_div.style.MozOpacity = start_opacity/100;
				next_large_image_div.style.filter = "alpha(opacity="+start_opacity+");";

				setTimeout("changeOpacity(start_opacity, 100, 5)", opacity_delay);		
			}
			else{ //image fully loaded
				setTimeout("changeImage()", 3000);
			}
		}
	}