var ReactieTabs;
var homeTabs;
$(document).ready(function() {
	


	$('.slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});

	
	$('input[name=gebruikersnaam]').focus(function(){
				if($(this).val()=='gebruikersnaam')
					$(this).val('');
	});
	
//	function verwerkNietOk(reactieId){
//		alert reactieId;
//	//$.get("verwrek_nietOK.php", { name: "John", time: "2pm" } );
//	}

	$(".nietOK").click(function(event) {
		$(this).blur();
			event.preventDefault();
			$.get("/verwrek_nietOK.php", { item: $(this).attr('reactieId')}
//			, function(data){	     alert("Data Loaded: " + data);	   }
    );
			alert("Dat deze reactie niet ok is wordt doorgegeven. Het kan even duren voordat het verwerkt is.");
	});
	
	$('.ratingActive').starRating({
                        clickable:true,
												/*rating:$('.ratingActive').attr("rating"), // dit staat nu in de idv rating='3' en wordt opgepikt in de plugin*/
                        showNumber:false,
                        ratingUrl:'/rate.php?',
                        paramId: 'item'
                        
   });

	$('.ratingPasive').starRating({
                        clickable:false,
                        hoverable :false,
                        rating:3,
                        showNumber:false
   });
	
	$('A[rel="uceeradio"]').click( function() {
		      radioWindow=window.open( $(this).attr('href'),'uceeradio','width=800, height=500, location=no, menubar=no, status=no, toolbar=no, scrollbars=no, resizable=yes' );
		      if (window.focus) {radioWindow.focus()}
		      return false;
		  });

// ik kan er een functie of plugin van schrijven.
// widt's kan je uitlezen
// ik moet nog iets met die hoogte doen!
// en ik moet er 1 functie van maken ipv 3!
// 
//		nieuwsteArtikelen
//		meestBekekenArtikelen
//		bestGewaardeerdeArtikelen

function tabSlider(tabClassNamesArray,ref){
	this.tabClassNamesArray=tabClassNamesArray;
	this.tabClassNamesCopyArray=this.tabClassNamesArray;
	this.sliderMainX=0;	
	this.sliderwidth=$("."+this.tabClassNamesArray[0]).width();
	this.reference=ref;
	
	for(var i=0; i < this.tabClassNamesArray.length; i++) {
		$("."+this.tabClassNamesArray[i]+"Link")
		.attr("i",i)
		.attr("ref",this.reference)
		.bind('click', function() {
			i=$(this).attr("i");
			reference=$(this).attr("ref");
			_this=window[reference];
			var verplaatsing=_this.sliderMainX-(i*_this.sliderwidth);
			if(verplaatsing < 0){
				verplaatsing="-="+Math.abs(verplaatsing);
			}
			if(verplaatsing >= 0){
				verplaatsing="+="+Math.abs(verplaatsing);
			}
			for(var j=0; j < _this.tabClassNamesCopyArray.length; j++) {
				//alert(verplaatsing)
				$("."+_this.tabClassNamesCopyArray[j]).animate({"left": verplaatsing+"px"}, "slow" );
				//alert("."+_this.tabClassNamesCopyArray[j]);
			}
			_this.sliderMainX=(i*_this.sliderwidth);		
			for(var j=0; j < _this.tabClassNamesCopyArray.length; j++) {
				$("."+_this.tabClassNamesCopyArray[j]+"Link").removeClass('active');
			}			
			$(this).addClass('active');
			return false;
		});
	}
	this.testFunc=function(){
		alert(window[this.reference].tabClassNamesArray.length);
	}
}

ReactieTabs = new tabSlider(["laatsteReacties","populaireReacties"],'ReactieTabs');
homeTabs = new tabSlider(["nieuwsteArtikelen", "meestBekekenArtikelen", "bestGewaardeerdeArtikelen"],'homeTabs');


// homeTabs.testFunc()
// ReactieTabs.testFunc()

/*
// alert( $(".nieuwsteArtikelen").width() );

	var sliderMainX=0;
	var sliderXA=0;
	var sliderXB=480;
	var sliderXC=960;
//	$(".meestBekekenArtikelen").hide();
//	$(".bestGewaardeerdeArtikelen").hide();
	$(".nieuwsteArtikelenLink").click(function(){
		$(".nieuwsteArtikelen").show();
		$(".meestBekekenArtikelen").show();
		$(".bestGewaardeerdeArtikelen").show();	
		verplaatsing=sliderMainX-sliderXA;
		if(verplaatsing<0){
			verplaatsing="-="+Math.abs(verplaatsing);
		}
		if(verplaatsing >= 0){
			verplaatsing="+="+Math.abs(verplaatsing);
		}
		$(".nieuwsteArtikelen").animate({"left": verplaatsing+"px"}, "slow");
		$(".meestBekekenArtikelen").animate({"left": verplaatsing+"px"}, "slow");
		$(".bestGewaardeerdeArtikelen").animate({"left": verplaatsing+"px"}, "slow",'',function(){$(".nieuwsteArtikelen").show();$(".meestBekekenArtikelen").hide();$(".bestGewaardeerdeArtikelen").hide();	});
		sliderMainX=sliderXA;
		$(".nieuwsteArtikelenLink").removeClass('active');
		$(".meestBekekenArtikelenLink").removeClass('active');
		$(".bestGewaardeerdeArtikelenLink").removeClass('active');
		$(this).addClass('active');
		return false;
	});

	$(".meestBekekenArtikelenLink").click(function(){
		$(".nieuwsteArtikelen").show();
		$(".meestBekekenArtikelen").show();
		$(".bestGewaardeerdeArtikelen").show();	
		verplaatsing=sliderMainX-sliderXB;
		if(verplaatsing<0){
			verplaatsing="-="+Math.abs(verplaatsing);
		}
		if(verplaatsing >= 0){
			verplaatsing="+="+Math.abs(verplaatsing);
		}
		$(".nieuwsteArtikelen").animate({"left": verplaatsing+"px"}, "slow");
		$(".meestBekekenArtikelen").animate({"left": verplaatsing+"px"}, "slow");
		$(".bestGewaardeerdeArtikelen").animate({"left": verplaatsing+"px"}, "slow");
		sliderMainX=sliderXB;
		$(".nieuwsteArtikelenLink").removeClass('active');
		$(".bestGewaardeerdeArtikelenLink").removeClass('active');
		$(".bestGewaardeerdeArtikelenLink").removeClass('active');
		$(this).addClass('active');
		return false;
	});

	$(".bestGewaardeerdeArtikelenLink").click(function(){
		$(".nieuwsteArtikelen").show();
		$(".meestBekekenArtikelen").show();
		$(".bestGewaardeerdeArtikelen").show();	
		verplaatsing=sliderMainX-sliderXC;
		if(verplaatsing<0){
			verplaatsing="-="+Math.abs(verplaatsing);
		}
		if(verplaatsing >= 0){
			verplaatsing="+="+Math.abs(verplaatsing);
		}
		$(".nieuwsteArtikelen").animate({"left": verplaatsing+"px"}, "slow");
		$(".meestBekekenArtikelen").animate({"left": verplaatsing+"px"}, "slow");
		$(".bestGewaardeerdeArtikelen").animate({"left": verplaatsing+"px"}, "slow");
		sliderMainX=sliderXC;
		$(".nieuwsteArtikelenLink").removeClass('active');
		$(".meestBekekenArtikelenLink").removeClass('active');
		$(".bestGewaardeerdeArtikelenLink").removeClass('active');
		$(this).addClass('active');
		return false;
	});
	
	*/
	
		  
	$(".mp3").jmp3({
			backcolor: "000000",
			forecolor: "00ff00",
			width: 200,
			showdownload: "false",
			showfilename: "false"
	});
	
	$("a.medium").fancybox({
		'width': 520, 
		'height': 360,
		'onClosed':function() {
                location.reload(); 
                } 
		});
		
	$("#loginForm").ajaxForm({
        success: function(responseText){
            $.fancybox({
							'width': 520, 
							'type' : 'iframe',
							'href' : '/verwerk_login.php',
							'height': 360,
							'onClosed':function() {
					                location.reload(); 
					                } 
						});
        }
    });
	
		// submit form on change selectbox
		$('form .changeOnUpdate').change(function () {
		$(this).parents('form').submit();
		});
		
		$("#animateHeadDown").click(function(){
	     $(".visual .im1").slideUp();
	       $(".visual").animate({ 
	        height:"500px"
	      }, 400 );
	 		});
		$("#animateHeadUp").click(function(){
	     $(".visual .im1").slideDown();
	       $(".visual").animate({ 
	        height:"142px"
	      }, 400 );
	    });
		/*
		$("#animateHead").toggle(function(){
	     $(".visual .im1").slideUp();
	       $(".visual").animate({ 
	        height:"500px"
	      }, 400 );
	 			
	    },
	    function(){
	     $(".visual .im1").slideDown();
	       $(".visual").animate({ 
	        height:"142px"
	      }, 400 );
	    }
    );
*/

	// uitgelicht
	var idBlockInt=1;
//	var maxBlocks=Number( $("#uitgelicht .navigatie a:last").text() ) ;
	var maxBlocks=Number($(".homeslide #slide_navi li").length) ;
//	alert(maxBlocks);
	var timeoutID;
//	$("#uitgelicht .navigatie a").click(function(event){
	$(".homeslide #slide_navi li a").click(function(event){
//	idBlockInt=Number($(this).text());	
		idBlockInt=Number($(this).attr("num"));		
		clearTimeout(timeoutID);
		
		showHomeItem();
		event.preventDefault();
		this.blur();
	});
	function showHomeItem(){
		//alert(idBlockInt);
		var idBlock="uitL"+idBlockInt.toString();
		// zet de boxen uit en de nieuwe aan
		
		$(".uitgelichtbox").fadeOut("slow");
	
		$("#"+idBlock).fadeIn("slow");
		// set de juiste navigatie bolletje aan
		$(".homeslide #slide_navi li a").removeClass("active");

		$(".homeslide #slide_navi li a").each(function (i){
        //if ( $(this).text() == idBlockInt ){
        
        if ( $(this).attr("num") == idBlockInt ){
          $(this).addClass("active");
        }
     });
      
		// 
		timeout();
	}
	function timeout(){
		timeoutID=setTimeout(function() { 
			idBlockInt++;
			if(idBlockInt > maxBlocks) idBlockInt=1;
			showHomeItem();
			//timeout();
			 }, 8000); 
	}
	if(maxBlocks > 1)	timeout();
	// end uitgelicht
	/*
		$("a.#maps").fancybox({ 'frameWidth': 640, 'frameHeight': 485}); 
		$("a.beeldbankPop").fancybox({ 'frameWidth': 800, 'frameHeight': 505});
		$("a.nieuwsbriefPop").fancybox({ 'frameWidth': 400, 'frameHeight': 500}); 
		$("a.anieuwsbriefPop").fancybox({ 'frameWidth': 400, 'frameHeight': 550}); 
		$("a.stuurdoorPop").fancybox({ 'frameWidth': 500, 'frameHeight': 470}); 
		$("a.vriendenPop").fancybox({ 'frameWidth': 500, 'frameHeight': 500, 'hideOnContentClick': false}); 
				
		$('.sitemap').click(function(){
			$("#sidemapContainer").toggle();
			//return false;
		});
		
		// submit form on change selectbox
		$('form #genre, form #periode').change(function () {
		$(this).parents('form').submit();
		});
		
		var headerW=$("#header").width();
		
		function resizeMenu()
		{
		    var h = $(window).height();
		    var w = $(window).width();
		    
		    
		    var hBigMin=920+250+30;
		    if(w > hBigMin){
		    	$("#wrapper").css('width',hBigMin);
		    	$("#header").css('width',headerW+14);
		    	//$("#taalkeuze").insertAfter("#floatfix");
		    	$("#taalkeuze").css("right",-145);//-159
		    	$("#hoofdNavi2").css('left',690);
		    	$("#hoofdNavi3").css('left',860);
		    }else{
		    	$("#header").css('width',headerW);
		    	//$("#nieuwsHome").css('top',0).insertAfter("#hierKomtNieuws");
		    	$("#taalkeuze").css("right",0);
		    	$("#hoofdNavi2").css('left',665);
		    	$("#hoofdNavi3").css('left',785);
		    	$("#wrapper").css('width',920);
		    }
		}
		resizeMenu();
		jQuery.event.add(window, "resize", resizeMenu);
		*/
});