(function(jQuery) {

	jQuery.fn.filmSlider = function(){
	  	
		this.each(function() {
			
			var obj = jQuery(this);
			
			var s = jQuery(".film", obj).length;
			var w = jQuery(".film", obj).width(); 
			var h = jQuery(".film", obj).height();
						
			//alert(s+' '+w+' '+h);
			obj.width(w); 
			obj.height(h); 
			obj.css("overflow","hidden");
						
			jQuery("#featured_films_slider_wrapper", obj).css('width',s*w);	
			jQuery(".film", obj).css('left',w);
			jQuery(".film_0", obj).css('left','0px');
										
		});//end each


		jQuery(".nav_dots a").click(function(){
				var number = jQuery(this).attr("id");
				//var t_active = jQuery("#featured_films_slider_wrapper .nav_dots_link_active").attr("id");
				var t_active = jQuery(".nav_dots_link_active").attr("id");

				if(number != t_active){
					is_trailer_playing = false;
					animate(number,true);					
				}	
				// mcam
				jQuery(".render_area .item").hide();
				jQuery(".portals").hide();
		});// end click


		jQuery(".nav_dots #0").removeClass("0");
		jQuery(".nav_dots #0").addClass("nav_dots_link");
		jQuery(".nav_dots #0").addClass("0");
		jQuery(".nav_dots #0").addClass("nav_dots_link_active");
		/*
		jQuery(".film .nav_dots #0").removeClass("0");
		jQuery(".film .nav_dots #0").addClass("nav_dots_link");
		jQuery(".film .nav_dots #0").addClass("0");
		jQuery(".film .nav_dots #0").addClass("nav_dots_link_active");*/
		
		//hide all info
		jQuery("#featured_films_slider_wrapper .info").css('display', 'none');
		//var number_films = jQuery(".film_0 .nav_dots ul li").size();
		var number_films = jQuery(".nav_dots ul li").size();
		
		var auto_animate_interval;		
		auto_animate_interval = setInterval(auto_animate, 5000);




		function animate(number,clicked){
							//alert("number (neu): " + number);
							
							//var ot = jQuery("#featured_films_slider_wrapper .nav_dots_link_active").attr("id");	
							var ot = jQuery(".nav_dots_link_active").attr("id");
							t = number;
		
							jQuery(".nav_dots a").removeClass("nav_dots_link_active")
							jQuery(".nav_dots ."+t).addClass("nav_dots_link_active");
							
							//jQuery(".film .nav_dots a").removeClass("nav_dots_link_active")
							//jQuery(".film .nav_dots ."+t).addClass("nav_dots_link_active");
						
							//fade out old info
							//jQuery(".film_"+ot+" .info").css('marginLeft','1005px');
							
							//position new slide
							jQuery(".film_"+t).css('left','970px');
							
							//fade out old slide
							jQuery(".film_"+ot).animate(
								{ left:  '-970px' });
							
							//fade in new slide
							jQuery(".film_"+t).animate(
								{ left:  '0px' });
		};//end animate

				
		
		function auto_animate(){
					
					//active_id = jQuery("#featured_films_slider_wrapper .nav_dots_link_active").attr("id");
					active_id = jQuery(".nav_dots_link_active").attr("id");
					ot_auto = active_id;
					t_auto = parseInt(ot_auto) + 1;
					
					//alert("active_id: " + active_id + " alt: " + ot_auto + " neu: " + t_auto + "number: " + number_films);
					
					if(t_auto == number_films){t_auto = 0;}					
					
					jQuery(".nav_dots a").removeClass("nav_dots_link_active")
					jQuery(".nav_dots ."+t_auto).addClass("nav_dots_link_active");
					
					//jQuery(".film .nav_dots a").removeClass("nav_dots_link_active")
					//jQuery(".film .nav_dots ."+t_auto).addClass("nav_dots_link_active");
												
					//position new slide
					jQuery(".film_"+t_auto).css('left','970px');
																	
					//fade out old slide
					jQuery(".film_"+ot_auto).animate({ left:  '-970px' });
		
					//fade in new slide
					jQuery(".film_"+t_auto).animate({ left:  '0px' });
			
		};//end auto_animate	
	
						

		// stop and resume autoplay on hover
        jQuery("#featured_films_slider").hover(
               function () {
				  clearInterval(auto_animate_interval);
				  
				  //active_id = jQuery("#featured_films_slider_wrapper .nav_dots_link_active").attr("id");
				  active_id = jQuery(".nav_dots_link_active").attr("id");
				  
				  //position and fade in info
				  jQuery(".film_" + active_id + " .info").css("marginLeft", '1005px');
				  jQuery("#featured_films_slider_wrapper .info").css('display', 'block');
				  jQuery(".film_" + active_id + " .info").animate({ marginLeft: '716px' });
				},
               function () {
				  
				  //active_id = jQuery("#featured_films_slider_wrapper .nav_dots_link_active").attr("id"); 
				  active_id = jQuery(".nav_dots_link_active").attr("id");
				   
				  //fade out and hide info and resume animation 
				  jQuery(".film_" + active_id + " .info").animate({ marginLeft: '1005px' },
						function hide_info_and_resume_animation(){
								jQuery("#featured_films_slider_wrapper .info").css('display', 'none');
				  				jQuery(".film_" + active_id + " .info").css('marginLeft', '716px');
								// clear interval again!!!!
								clearInterval(auto_animate_interval);
								if(!is_trailer_playing) {
                  					auto_animate_interval = setInterval(auto_animate, 5000);
								}
				  });
               }
         );                              
			

	  
	};//end filmslider

})(jQuery);


/************************************/

var checkboxHeight = "15";
var radioHeight = "25";
var selectWidth = "300";


/* No need to change anything after this */


document.write('<style type="text/css">input.styled { display: none; } select.styled { position: relative; width: ' + selectWidth + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled { opacity: 0.5; filter: alpha(opacity=50); }</style>');

var Custom = {
	init: function() {
		var inputs = document.getElementsByTagName("input"), span = Array(), textnode, option, active;
		for(a = 0; a < inputs.length; a++) {
			if((inputs[a].type == "checkbox" || inputs[a].type == "radio") && inputs[a].className == "styled") {
				span[a] = document.createElement("span");
				span[a].className = inputs[a].type;

				if(inputs[a].checked == true) {
					if(inputs[a].type == "checkbox") {
						position = "0 -" + (checkboxHeight*2) + "px";
						span[a].style.backgroundPosition = position;
					} else {
						position = "0 -" + (radioHeight*2) + "px";
						span[a].style.backgroundPosition = position;
					}
				}
				inputs[a].parentNode.insertBefore(span[a], inputs[a]);
				inputs[a].onchange = Custom.clear;
				if(!inputs[a].getAttribute("disabled")) {
					span[a].onmousedown = Custom.pushed;
					span[a].onmouseup = Custom.check;
				} else {
					span[a].className = span[a].className += " disabled";
				}
			}
		}
		inputs = document.getElementsByTagName("select");
		for(a = 0; a < inputs.length; a++) {
			if(inputs[a].className == "styled") {
				option = inputs[a].getElementsByTagName("option");
				active = option[0].childNodes[0].nodeValue;
				textnode = document.createTextNode(active);
				for(b = 0; b < option.length; b++) {
					if(option[b].selected == true) {
						textnode = document.createTextNode(option[b].childNodes[0].nodeValue);
					}
				}
				span[a] = document.createElement("span");
				span[a].className = "select";
				span[a].id = "select" + inputs[a].name;
				span[a].appendChild(textnode);
				inputs[a].parentNode.insertBefore(span[a], inputs[a]);
				if(!inputs[a].getAttribute("disabled")) {
					inputs[a].onchange = Custom.choose;
				} else {
					inputs[a].previousSibling.className = inputs[a].previousSibling.className += " disabled";
				}
			}
		}
		document.onmouseup = Custom.clear;
	},
	pushed: function() {
		element = this.nextSibling;
		if(element.checked == true && element.type == "checkbox") {
			this.style.backgroundPosition = "0 -" + checkboxHeight*3 + "px";
		} else if(element.checked == true && element.type == "radio") {
			this.style.backgroundPosition = "0 -" + radioHeight*3 + "px";
		} else if(element.checked != true && element.type == "checkbox") {
			this.style.backgroundPosition = "0 -" + checkboxHeight + "px";
		} else {
			this.style.backgroundPosition = "0 -" + radioHeight + "px";
		}
	},
	check: function() {
		element = this.nextSibling;
		if(element.checked == true && element.type == "checkbox") {
			this.style.backgroundPosition = "0 0";
			element.checked = false;
		} else {
			if(element.type == "checkbox") {
				this.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
			} else {
				this.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
				group = this.nextSibling.name;
				inputs = document.getElementsByTagName("input");
				for(a = 0; a < inputs.length; a++) {
					if(inputs[a].name == group && inputs[a] != this.nextSibling) {
						inputs[a].previousSibling.style.backgroundPosition = "0 0";
					}
				}
			}
			element.checked = true;
		}
	},
	clear: function() {
		inputs = document.getElementsByTagName("input");
		for(var b = 0; b < inputs.length; b++) {
			if(inputs[b].type == "checkbox" && inputs[b].checked == true && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
			} else if(inputs[b].type == "checkbox" && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 0";
			} else if(inputs[b].type == "radio" && inputs[b].checked == true && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
			} else if(inputs[b].type == "radio" && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 0";
			}
		}
	},
	choose: function() {
		option = this.getElementsByTagName("option");
		for(d = 0; d < option.length; d++) {
			if(option[d].selected == true) {
				document.getElementById("select" + this.name).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
			}
		}
	}
}
window.onload = Custom.init;