$(document).ready(function() {

	/*
		create website.getGoingDetail tabViewer

	*/
	website.getGoingDetail.tabViewer =(function(theLinks, theHighlight) {

		var init = function() {

			var flashvar = {

				id : theHighlight,
				animation : 'true',
				links : theLinks
			};

			// setup swfobject properties
			var flashvars = {

				menudata : encodeURI(JSON.stringify(flashvar))

			};

			var params = {
				scale : "noscale",
				menu  : "false",
				wmode : "transparent",
				allowscriptaccess : "samedomain"
			};

			// add class on successful embed to check if flash is present
			var attributes  = {
				styleclass : "swfobject_present"
			};

			// trigger the swf embed (a bit delayed to prevent framerate issues)
			setTimeout(function() {
				//window.swfobject.embedSWF("/swf/header.swf", "getGoingDetail-menu-flash-element", "100%", "100%", "9", "false", flashvars, params, attributes);

				window.swfobject.embedSWF("/swf/getgoingtabmenu.swf", "getGoingDetail-flash-getgoingtabmenu", "100%", "100%", "9", "false", flashvars, params, attributes);
			}, 300);

			// trigger the embed-check
			setTimeout(function() { embedCheck(); }, 1500);

			// if vimeo present
			if($('#getGoingDetail-rowTop > .rowContent > .tabViewer > .mediaViewer > .media > .video').length != 0) {

			   // get the vimeo id
			   var vimeoId = $('#getGoingDetail-rowTop > .rowContent > .tabViewer > .mediaViewer > .media > .video').attr('vimeoId');

			   // bind eventHandlers
			   setEventHandlers(vimeoId);
			}
		}

        var embedCheck = function() {

            if(!$("#getGoingDetail-flash-getgoingtabmenu.swfobject_present").length) {

                // insert getgoing-menu fallback
                $('#getGoingDetail-flash-getgoingtabmenu').html('<div class="wrapper"></div>');
                $('#getGoingDetail-flash-getgoingtabmenu > .wrapper').append('<a href="/aandeslag/categorie.php?id=82"><img src="' + website.sDomain + 'getGoingDetail/fallback/beleid.png" class="item" /></a>');
                $('#getGoingDetail-flash-getgoingtabmenu > .wrapper').append('<a href="/aandeslag/categorie.php?id=85"><img src="' + website.sDomain + 'img/getGoingDetail/fallback/organisatie.png" class="item" /></a>');
                $('#getGoingDetail-flash-getgoingtabmenu > .wrapper').append('<a href="/aandeslag/categorie.php?id=88"><img src="' + website.sDomain + 'img/getGoingDetail/fallback/activiteiten.png" class="item" /></a>');
                $('#getGoingDetail-flash-getgoingtabmenu > .wrapper').append('<a href="/aandeslag/categorie.php?id=91"><img src="' + website.sDomain + 'img/getGoingDetail/fallback/communicatie.png" class="item" /></a>');
                $('#getGoingDetail-flash-getgoingtabmenu > .wrapper').append('<a href="/aandeslag/categorie.php?id=1076"><img src="' + website.sDomain + 'img/getGoingDetail/fallback/succes_vb.png" class="item" /></a>');
                $('#getGoingDetail-rowTop .rowContent .tabViewer .tabs').css({'height':'119px'});


           }
        }

		/*
			private methods
		*/

		var setEventHandlers = function(vimeoId) {
			$('#getGoingDetail-rowTop > .rowContent > .tabViewer > .mediaViewer > .media > .video > .play-overlay').bind('click', function() {

				showVimeo(vimeoId);
			});
		}


		var showVimeo = function(vimeoId) {

			// remove the play button overlay
			$('#getGoingDetail-rowTop > .rowContent > .tabViewer > .mediaViewer > .media > .video > .play-overlay').css('display', 'none');

		 	// insert the vimeo iframe
			$('#getGoingDetail-rowTop > .rowContent > .tabViewer > .mediaViewer > .media > .video').html('<iframe src="http://player.vimeo.com/video/'+vimeoId+'?color=00ab4e&title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1&amp;loop=1" width="559" height="314" frameborder="0" style="display: block; background-color: #000;"></iframe>');

		};

		init();

	});
});