var sublink = null, site = "index", clickimg = true,  click = true, aktivtime = "";

$(document).ready(function(){

    
		
	
	    $("#titleimg").click(function () {

	    	if(clickimg){
	    	
	    		clickimg = false;
	    		
		      $.getJSON(
	
		    		  BASEURL + "async/gettitleimage",
		    		  {}
		    		  ,
			    	  function(data){     	  
	
			    	  $("<img/>").attr("src" , STATICPATH + "images/content/title/" + data.TitleImage).attr("id" , "nexttitleimg").attr("style" , "position: absolute; z-Index: 0; width: 670px; height: 210;").attr("height","210").appendTo("#title");
	
			    	  $("#titleimg").fadeOut(2000, function(){ 
	
			    		  $("#titleimg").attr("src" , STATICPATH + "images/content/title/" + data.TitleImage);
	
			    		  $("#titleimg").fadeIn(2000, function(){
	
			    			  $("#nexttitleimg").remove();
			    			  
			    		  });
			    		
			    		  window.clearInterval(aktivtime);
			    		  aktivtime = window.setInterval('$("#titleimg").click()', 20000);

			    		  clickimg = true;
			    		  
				      });  
			    	     
		      	});
	
		    }
   
	    });
	    

	    $("#nexttitleimg").attr("id" , "titleimg");
		$("#titleimg").attr("style" , "position: absolute; z-Index: 1;");	    
		
	    $("a[name='sublink']").click(function(){  			
	    	 
	    		if(click){
	    	
	    			click = false;
	    			
		    	 	if( sublink != null)
		    	 		sublink.parent().removeClass("menueactiv").addClass("menueinactiv");  	
	
		    	 	sublink = $(this);
	
		    	  	sublink.parent().removeClass("menueinactiv").addClass("menueactiv");
		    	  	  	
					if($(this).html() != site){
						
						var id =  $(this).html();
						
			    		var temp = $("#" + id);
			    	  	
			    	 	temp.clone(true).insertBefore("#" + site );
			    	 	
			    	  	$("#" + site ).slideUp(0, function(){});
		
		    	  		$("#" + $(this).html()).slideDown(0, function(){ click = true;});
		    	  		
			    		site = $(this).html();
			    		
					}else{
						
						click = true;
						
					}
	
	
					$.post(
							BASEURL + "async/",
						  { site: site } 
					);

	    		}
									 
				return false;
				
	        }); 
	  	   
	    
		    $(function() {  			
		    	  
		    	$('.maininactiv').animate({"opacity": .5});
	    		
				$('.maininactiv').hover(function(){
					$(this).stop().animate({ "opacity": 1 });
		    	},function(){
		    		$(this).stop().animate({ "opacity": .5 });	
		    	});
		    	
		    	$('.colorbox').animate({"opacity": .5});
		    		
				$('.colorbox').hover(function(){
					$(this).children().css("border", "1px solid olive");
					$(this).stop().animate({ "opacity": 1 });
		    	},function(){
		    		$(this).children().css("border", "1px solid #AAA");
		    		$(this).stop().animate({ "opacity": .5 });	
		    	});
				
		    	$('.colorboxfilm').animate({"opacity": .5});
	    		
				$('.colorboxfilm').hover(function(){
					$(this).children().css("border", "1px solid olive");
					$(this).stop().animate({ "opacity": 1 });
		    	},function(){
		    		$(this).children().css("border", "1px solid #AAA");
		    		$(this).stop().animate({ "opacity": .5 });	
		    	});
				
		    	$('.colorboxchoices').animate({"opacity": .5});
	    		
				$('.colorboxchoices').hover(function(){
					$(this).children().css("border", "1px solid olive");
					$(this).stop().animate({ "opacity": 1 });
		    	},function(){
		    		$(this).children().css("border", "1px solid #AAA");
		    		$(this).stop().animate({ "opacity": .5 });	
		    	});
		    	
				aktivtime = window.setInterval('$("#titleimg").click()', 20000);
				
	        }); 
  	
	  });


		


		function openLink(sitename){
			
				elements = document.getElementsByName('sublink');
				if((l = elements.length) != 0){
					
					for( i = 0; i < l; i++ ){
						
						if(site == elements[i].innerHTML){
							
							elements[i].parentNode.className = 'menueinactiv';
							
						}
			
					}
					
					for( i = 0; i < l; i++ ){
			
						if(elements[i].innerHTML == sitename){
							
							sublink = $(elements[i]);
							elements[i].parentNode.className = 'menueactiv';
							document.getElementById(site).style.display = 'none';
							site = sitename;
							document.getElementById(sitename).style.display = 'block';
							return;
							
						}
			
					}
		
				}
				
		}