//gdg jquery function based on tooltip
(function( $ ){
    $.fn.tooltipit = function() {
            var xOffset = -150;
            var yOffset = -25;
        return this.each(function(){
            $(this).hover(function(e){
                $(this).attr("t",$(this).attr("title"));
                $(this).attr("title","");
                $("body").append("<div id='tooltip'><div id='tooltiptop'></div><div id='tooltiptext'>"+ $(this).children("div.tooltipdata").html() +"</div>");
                $("#tooltip")
                        .css("top",(e.pageY - yOffset) + "px")
                        .css("left",(e.pageX + xOffset) + "px")
                        .fadeIn("fast");		
            },
            function(){
                $(this).attr("title",$(this).attr("t"));
                $("#tooltip").remove();
            });	
            $(this).mousemove(function(e){
                    $("#tooltip")
                            .css("top",(e.pageY - yOffset) + "px")
                            .css("left",(e.pageX + xOffset) + "px");
            });
        });
    };
})( jQuery );


$(document).ready(function() {	
						   
/*	$('.slogans li').eq(Math.floor(Math.random()*$('.slogans li').length)).show(); 
	
	$(".ticker").sudoSlider({
		auto: true,
		fade: true,
		pause: 1000,
		controlsShow: false
	});
	*/

	var i = 0;
	var aantal = $(".ticker div").length;
	
//	$('.ticker').fadeSlideShow();
	$(".ticker div").eq(0).show();
	

	setInterval(function(){
		$(".ticker div").eq(i).fadeOut("fast",function(){
			i++;													   
			if(i==aantal) {
				i = 0;
			}
			$(".ticker div").eq(i).fadeIn("fast");
		});
	},5500);


	//Show Banner
	$(".main_image .desc").show(); //Show Banner
	$(".main_image .block").animate({ opacity: 0.85 }, 1 ); //Set Opacity
 
	//Click and Hover events for thumbnail list
	$(".image_thumb ul li:first").addClass('active'); 
	$(".image_thumb ul li").click(function(){ 
		//Set Variables
		var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image
		var imgTitle = $(this).find('a').attr("href"); //Get Main Image URL
		var imgDesc = $(this).find('.block').html(); 	//Get HTML of block
		var imgDescHeight = $(".main_image").find('.block').height();	//Calculate height of block	
		
		if ($(this).is(".active")) {  //If it's already active, then...
			return false; // Don't click through
		} else {
			//Animate the Teaser				
			$(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
				$(".main_image .block").html(imgDesc).animate({ opacity: 0.85,	marginBottom: "0" }, 250 );
				$(".main_image img").attr({ src: imgTitle , alt: imgAlt});
			});
		}
		
		$(".image_thumb ul li").removeClass('active'); //Remove class of 'active' on all lists
		$(this).addClass('active');  //add class of 'active' on this list only
		return false;
		
	}) .hover(function(){
		$(this).addClass('hover');
		}, function() {
		$(this).removeClass('hover');
	});
			
	//Toggle Teaser
	$("a.collapse").click(function(){
		$(".main_image .block").slideToggle();
		$("a.collapse").toggleClass("show");
	});
	
	
	$(".tooltip").tooltipit();
});//Close Function