//$(function() {
$(document).ready(function() {

	// bij een click op de tooltip trigger niet de link volgen
	$("#formats_over, #skinlocation_over, #colors_over, #previewlocation_over, #playerlocation_over, #dimensions_over").click(function() {
		return false;
	});

	/* de stijl van alle tooltips, helaas kan dit niet in css stylesheet, maar goed dit werkt ook */
    var tooltip_style = { 
        border: "1px solid #dd0000", 
        background: "#ffffff", 
        color: "#dd0000", 
		width: "300px",
        fontWeight: "bold" 
    }; 
	
	var xOffset = 25;
	var yOffset = 15;

	var formats_over_text = 'Flayr can play most of the movies with an FLV or MP4 extension. Depending on the version of your flash plugin, some encoding formats might not be supported.';
	var skinlocation_over_text = "You can select one of the skins provided by Dertig Media or you can create your own. When downloading the flayr player there is a psd file included which can be used to create your own skin for the Flayr player. In the readme file you can read how to use your own skin with the flayr player.";
	var colors_over_text = "You can configure the colors of the Flayr flv player. Select the colors of the different player parts and view the color preview on the left.";
	var previewlocation_over_text = "Fill out the URL of the preview image here. This is an image which is used as a preview before the video starts to play.";
	var playerlocation_over_text = "This field contains the URL of the Flayr player. You can use the Flayr player hosted on flayr.net, but you can also upload it yourself and use your own URL.";
	var dimensions_over_text = "Fill out the desired dimensions of your Flayr player here.";
		

	$("#formats_over").wTooltip({
		content: formats_over_text,
		style: tooltip_style,
		offsetX: xOffset,
		offsetY: yOffset
	}); 
	
	$("#skinlocation_over").wTooltip({
		content: skinlocation_over_text,
		style: tooltip_style,
		offsetX: xOffset,
		offsetY: yOffset
	}); 	

	$("#colors_over").wTooltip({
		content: colors_over_text,
		style: tooltip_style,
		offsetX: xOffset,
		offsetY: yOffset
	}); 	

	$("#previewlocation_over").wTooltip({
		content: previewlocation_over_text,
		style: tooltip_style,
		offsetX: xOffset,
		offsetY: yOffset
	}); 		

	$("#playerlocation_over").wTooltip({
		content: playerlocation_over_text,
		style: tooltip_style,
		offsetX: xOffset,
		offsetY: yOffset
	}); 		

	$("#dimensions_over").wTooltip({
		content: dimensions_over_text,
		style: tooltip_style,
		offsetX: xOffset,
		offsetY: yOffset
	}); 			
});