var gl_num = 6;
if($("#films").width() <= 1121) gl_num = 5;


$(document).ready(function() {
	
	var lines = function(container) {
		var html1 = "<img src='/i/lines/";
		var html2 = ".png' alt='' />";
		var i = 0;
		var w = (100*($("#" + container + " .one_film:first")).outerWidth()/($("#"+container)).width())+"%";
		if ($.browser.opera)  var w = (100*($("#" + container + " .one_film:first")).outerWidth()/($("#"+container)).width()) + 0.2 +"%";

		$("#"+container+" .film_gr").each(function(){
			var len = $(this).find(".line_af").size();
			i=0;
			$(this).find(".line_af").each(function(){
				$(this).html("");
				i++;
				if(i!=len) {
					var h1 = $(this).parent().height();
					var h2 = $(this).parent().next().height();
					var h = h1 - h2;

					$(this).width(w);

					$(this).css('left',Math.round(100*(Math.floor(0.5*$(this).parent().outerWidth())+$(this).parent().position().left)/$(this).parent().parent().outerWidth())+"%");


					if(Math.abs(h)<=2) {
						$(this).html(html1+"0"+html2);
						$(this).height(1);
						$(this).css('top',h1-15);
					}
					else if(h>0)
					{
						$(this).css('top',h2-15);
						$(this).height(Math.abs(h));
						if(h<=5) $(this).html(html1+"1"+html2);
						else if(h<=10) $(this).html(html1+"2"+html2);
						else if(h<=15)$(this).html(html1+"3"+html2);
						else if(h<=20)$(this).html(html1+"4"+html2);
						else if(h<=25)$(this).html(html1+"5"+html2);
						else if(h<=30)$(this).html(html1+"6"+html2);
						else if(h<=35)$(this).html(html1+"7"+html2);
						else $(this).html(html1+"8"+html2);
					}
					else {
						$(this).css('top',h1-15);
						$(this).height(Math.abs(h));
						if(-h<=5) $(this).html(html1+"1_"+html2);
						else if(-h<=10) $(this).html(html1+"2_"+html2);
						else if(-h<=15)$(this).html(html1+"3_"+html2);
						else if(-h<=20)$(this).html(html1+"4_"+html2);
						else if(h<=25)$(this).html(html1+"5_"+html2);
						else if(-h<=30)$(this).html(html1+"6_"+html2);
						else if(-h<=35)$(this).html(html1+"7_"+html2);
						else $(this).html(html1+"8_"+html2);
					}
				}
			});
		});
	}

	var films = function(container, num){
		if(!num) num = gl_num;
		var w = $("#"+container).width();
		var one_w =Math.floor(100/num)-0.2;
		var marg = 0.096*one_w;
		$("#"+container+" .one_film").width(one_w-2*marg+"%");
		$("#"+container+" .one_film").css('padding-left',marg + "%");
		$("#"+container+" .one_film").css('padding-right',marg + "%");
		
		$("#"+container+" .film_gr").each(function(){
			$(this).replaceWith($(this).html());
		});

		$("#"+container+" .ramka").each(function(){
			if ($.browser.msie && $.browser.version == 7) {
				$(this).css('display','none');
			} else {
				$(this).css('display','block');
			}
			var my_hei = $(this).parents('.one_film').find('.poster').outerHeight();
			var my_w = $(this).parents('.one_film').find('.poster').width();
			$(this).width(my_w + Math.round(22*my_w/173));
			$(this).height(my_hei + Math.round(20*(my_hei+20)/294));
			if ($.browser.msie && $.browser.version == 6 ) {
				var str = $(this).attr("src").replace("png","gif");
				$(this).attr("src", str);
			}
		});
		
		var i =0,j=0;
		var len = $("#"+container+" .one_film").size();
		var zindex = Math.round(num/len)*10+2;
		$("#"+container+" .one_film").each(function(){
			i++;
			j++;
			$(this).addClass("my_wrap");
			if(i==num || j==len){
				$(".my_wrap").wrapAll('<div class="film_gr" style=\"z-index:'+zindex+'\"></div>');
				$(".my_wrap").removeClass("my_wrap");
				i=0;
				zindex--;
			}
		});
		lines(container);
		
		
		return true;
	}
	
	var if_w = function(container) {
		lines(container);
		var w = $("#"+container).width();
		var num;

		if(w<=1121) num = 5;
		else num = 6;
		var t = parseInt((14*w/num)/184); 
		var t = Math.min(18, t);
		var t = t +"px";
		$("#"+container+" .one_film a").css("font-size",t);
		if(gl_num != num) {
			films(container, num);
			gl_num = num;
		}
		var one_w = Math.floor(100/num)-0.2;
		var marg = 0.096*one_w;
		$("#"+container+" .ramka").each(function(){
			if ($.browser.msie && $.browser.version == 7) {
				$(this).css('display','none');
			}
			var my_hei = $(this).parents('.one_film').find('.poster').outerHeight();
			var my_w = $(this).parents('.one_film').find('.poster').width();
			$(this).width(my_w + Math.round(22*my_w/173));
			$(this).height(my_hei + Math.round(20*(my_hei+20)/294));
			if ($.browser.msie && $.browser.version == 6 ) {
				var str = $(this).attr("src").replace("png","gif");
				$(this).attr("src", str);
			}
		});
		//alert("f");
	}
	
	$("#middle .one_film").css("width","auto");
	$("#middle .one_film a").css("width","auto");
	$("#middle .one_film img").css("width","100%");
	
	$("#soon .one_film").css("width","auto");
	$("#soon .one_film a").css("width","auto");
	$("#soon .one_film img").css("width","100%");
	
	$(window).resize(function(){
		if($("body#index").length) {
			if_w('films');
			if_w('soon_films');
		}
	});
	
	$(window).load(function(){
		
		//var old_height = $(document).height();
		//var old_middle_height = $("#middle").height();
		
		if($("body#index").length) {
			if_w('films');
			if(films('films', null)) {
			//if(1==1) {
				
				// облакам сначала присваивается высота контента - потом она изменяется, в этом скрипте, и если стал контент меньше
				// то облака заразы торчат! - поэтому принудительн оуменьшаем их высоту, ну можно было бы, например, грузить облака после этого скрипта..
				// посомтрим
				// сделал высоту у облаков меньше чем контент на высоту флешки. все ок должно быть
				/*
				var middle_height = $("#middle").height();
				var height = old_height - old_middle_height + middle_height;
				$("#clouds div").css("height", height + "px");
				*/
				$("#middle").css("visibility","visible");
				
				/* schedule */
				/* из за врапов перенес */
				var jsonRequest;
	
				$("#middle").delegate("a.movie_time", "mouseover", function(){
		
					var animate_delta = 0;
					var el = $(this);
		
					if(!el.hasClass("other-link")) {
		
						var offset = el.offset();
						var left = offset.left-($("#tickets_informer").width() - el.width())/2;
						var top = offset.top+el.height()+15+animate_delta;
		
						$("#tickets_informer").css({
							"left": left + "px",
							"top": top + "px"			
						}).html("<span></span><div id=\"informer_animate\"></div>").show();
			
			
						jsonRequest = $.getJSON(
 						'/film/',
 						{
 							id: el.attr('session'),
 							hall: el.attr('hall'),
  							show_tickets_informer: true
 						},
 						function(obj) {
 							if(obj.done) {
 								$("#tickets_informer").html(obj.response);
 							}
 						});
					}
				}).delegate("a.movie_time", "mouseout", function(){
					$("#tickets_informer").empty().hide();
					jsonRequest.abort();
				});
			};
			
			if_w('soon_films');
			if(films('soon_films', null)) {
				// смотрите скоро
				$("#soon").css("visibility","visible");
			}
		}
		
		// news 
		
		if($("#index_events_box").length) {
			var data = $("#index_events_box").find('li');
  			$.each(data, function (key,val) {
  				if($(val).find('img').length) {
  					var img = $(val).find('img');
  					img.css({
  						"height": $(val).height()+"px",
  						"visibility": "visible"
  					});
  				}
  			});
		}
		
		if($("#news_list").length) {
			var data = $("#news_list").find('li');
  			$.each(data, function (key,val) {
  				if($(val).find('img').length) {
  					var img = $(val).find('img');
  					img.css({
  						"height": $(val).height()+"px",
  						"visibility": "visible"
  					});
  				}
  			});
		}
		
	});
	
});