var videoDialogShow = 0;

function videoDialog() {
	
	var embeded_html  =  '<object width="853" height="510"><param name="movie" value="http://www.youtube.com/v/vkrVxhEHzyg?hl=de&fs=1&autoplay=1&hd=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/vkrVxhEHzyg?hl=de&fs=1&autoplay=1&hd=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="853" height="510"></embed></object>';
	var dialogOptsVideo = {
			title: "Kurzzeitkennzeichen-Versand: So funktioniert's",
            modal: true,
            autoOpen: true,
            height: 600,
            width: 900,
            draggable: false,
            resizable: false,
            show: 'fadeIn',
            hide: 'fadeOut',
            open: function() {
				videoDialogShow = 1;
				$("#videodlg").html(embeded_html);
			},
            close: function() {
				videoDialogShow = 0;
                $("#videodlg").html('');
            }
	};
    $("#videodlg").dialog(dialogOptsVideo);

}

$(document).ready(function() {

	$.fn.qtip.styles.gptip = {
		width: 500,
		background: '#EFEFEF',
		color: '#000000',
		textAlign: 'left',
		border: {
			width: 3,
			radius: 3,
			color: '#F1932A'
		},
		tip: {
			corner: 'leftMiddle',
			size: {x:24,y:24}
		}
	}

	$('#gparea').qtip({
		content: {
			url: 'pages/preis.php?specialformat=1'
		},
		position: { 
			corner: { 
				target: 'rightMiddle', 
				tooltip: 'leftMiddle'
			}
		},
		style: { name: 'gptip' },
		show: { solo: false, when: { event: 'mouseover' } },
		hide: { when: { event: 'mouseout' } }
	});

	$('#gparea').click(function() {
		location = 'preis.html';
	});
	
	$('#videoLink').click(function() {
		videoDialog();
	});

	$('#videoLink').hover(function() {
		$(this).attr("src", "gfx/kkv-video-hover.gif");
	}, function() {
		$(this).attr("src", "gfx/kkv-video.gif");
	});

});