var ytPlayerReady = false;
$(document).ready(function(){

	// flash inladen
	// als een div aangemaakt wordt met als class "flash",
	// en als inhoud het absolute pad naar de flash en de variable
	// wordt deze automatisch ingeladen
	$('.flash').each(function(){
		slideshowvars = $(this).find('.flashlink').html();
		slideshowheight = $(this).css('height');
		slideshowwidth = $(this).css('width');
		$(this).html("");
		$(this).flash({
	    	src: slideshowvars,
	    	width: slideshowwidth,
	    	height: slideshowheight,
	    	name: 'externalInterfaceExample',
			wmode: 'transparent'
		});
	});
	

	// Youtube movie tonen in colorbox:
	// rel is voor als er genavigeerd moet kunnen worden
	// <a class="js_youtubecolorbox" rel="testblaat" href="http://www.youtube.com/v/[movie-id]">Klik</a>
	// <a class="js_youtubecolorbox" rel="testblaat" href="http://www.youtube.com/v/[movie-id]">Klik</a>

	$('.js_youtubecolorbox').each(function(){
		$('.js_youtubecolorbox').colorbox({
			iframe:true,
			innerWidth: 640,
			innerHeight:505,
			transition:'elastic'
		});
   });

	// verzend links in formulieren maken
	$('.verzendlink').click(function(){
		$(this).parents('form').submit();
	});

	// links in "_blank" i.p.v. via HTML i.v.m. valid XHTML
	$('.blankwindow').attr('target','_blank');

	// equipment in/uitklappen
	$('.vraag').click(function () {
		var obj = $(this).parents('.vraagantwoord').find('.antwoord');
		var deze = $(this);
		if (obj.css('display')=='none')
		{
			obj.slideToggle('fast');
			$(this).addClass('active');
		}
		else
		{
			obj.slideToggle('fast');
			$(this).removeClass('active');
		}
	});

	$(".adress_field").click(function(){
		$(".adress_field").val('');
	});

	$('.js_videobutton').click(function(){
		var obj = $('#videopanel').parents('.vraagantwoord').find('.antwoord');
		var deze = $('#videopanel');
		if (obj.css('display')=='none')
		{
			obj.slideToggle('fast');
			$(this).addClass('active');
		}

		if(ytPlayerReady) {
			var player = document.getElementById('productvideoplayer');
			window.location = "#video_tab";
			player.playVideo();
		}
	});
	
	
	//field hints
	$(".js_hintfield").each(function(i) {
        var beginStyle = $(this).attr("style");
		$(this).addClass("js_hint");
		$(this).val($(this).attr("title"));

        $(this).bind("focus", function(e) {
            if ($(this).val() == $(this).attr("title")) {
                $(this).val("");
				$(this).removeClass("js_hint");
            }
        });
        $(this).bind("blur", function(e) {
            if ($(this).val() == "") {
				$(this).addClass("js_hint");
				$(this).val($(this).attr("title"));
            } else {
				$(this).removeClass("js_hint");
			}
        });
    });


	/*******************
	 * Beheer
	********************/
	$('.machine_tab_show').click(function(){
		var tid = $(this).attr('id');
		var aTid = tid.split('_');
		var taal = aTid[3];
		var a = $(this).hasClass('active')?true:false;
		$('.machine_tab_show').removeClass('active');
		if (!a)
			$(this).addClass('active');
		$('.machine_edit_tab').slideUp('normal');
		if (!a)
			$('#machine_edit_tab_'+taal).slideDown('normal');
	});

	$('.machines_extrainfo_delete').one('click',function(){
		$(this).parents('.machines_extrainfo').remove();
	});

	$('.machines_extrainfo_new').click(function(){
		var tid = $(this).attr('id');
		var aTid = tid.split('_');
		var taal = aTid[3];
		var maxcount = 0;
		$('#machines_extrainfo_'+taal).find('.machines_extrainfo').each(function(){
			var did = $(this).attr('id');
			var aDid = did.split('_');
			var count = aDid[3];
			count = parseInt(count);
			if (count>maxcount) maxcount = count;
		});
		maxcount++;

		var html_extra = '<div id="machines_extrainfo_'+taal+'_'+maxcount+'" class="machines_extrainfo"> \
		<p> \
        <a href="javascript:;" class="machines_extrainfo_delete">Verwijderen</a> \
        </p> \
        <p> \
			<label>Titel</label> \
			<input type="text" class="form_field" name="extra_title_'+taal+'_'+maxcount+'" /> \
		</p> \
		<p> \
			<label>Omschrijving</label> \
			<textarea rows="0" cols="0" onkeydown="return catchTab(this,event)" class="form_field flat" name="extra_description_'+taal+'_'+maxcount+'"></textarea> \
		</p> \
	</div>';
		$('#machines_extrainfo_'+taal).append(html_extra);

		$('.machines_extrainfo_delete').one('click',function(){
			$(this).parents('.machines_extrainfo').remove();
		});
	});

	$('#uploadbutton').click(function(){
		thisMovie("externalInterfaceExample").bladeren();
	});

	$('.remove_foto').one('click',function(){
		$(this).parents('.fotoholder').html('');
	});


	$('.newsitemheader').click(function(){
		//$('.newsitembody').slideUp();
		if ($(this).siblings('.newsitembody').hasClass('active_news')==false)
			$('.newsitembody').slideUp().removeClass('active_news');

		$(this).siblings('.newsitembody').addClass('active_news').slideDown();
	});

	$('#menu ul li').mouseover(function(){
		$(this).find('.menuholder').show();
	});
	$('#menu ul li').mouseout(function(){
		if($('#menu ul li ul').mouseout && $(this).mouseout){
			$(this).find('.menuholder').hide();
		}
	});
});

var ufotoid=0;

function onYouTubePlayerReady(playerid){
	ytPlayerReady = true;
	var player = document.getElementById('productvideoplayer');
	window.location = "#video_tab";
	player.playVideo();
}

function flashupload(status,data)
{
	if (status==1)
	{
		var arrData = data.split('||');
		var html = '<div class="devider"></div><div class="fotoholder"> \
			<input rows="0" type="hidden" name="machine_image_new[]" value="'+arrData[1]+'" /> \
			<img src="/tmp/'+arrData[1]+'?'+ufotoid+'" width="200" /> \
			<a href="javascript:;" class="remove_foto">Verwijderen</a> \
			</div> \
		';
		ufotoid++;
		$('#fotoholder_'+arrData[0]).html(html);

		$('.remove_foto').one('click',function(){
			$(this).parents('.fotoholder').html('');
		});
	}
	else
	{
		alert(data+' ('+status+')');
	}
}


function thisMovie(movieName) {
    if (navigator.appName.indexOf("Microsoft") != -1) {
        return window[movieName]
    }
    else {
        return document[movieName]
    }
}

function nolink(){}

function showAgent(regioid)
{
	$('.agentdetailcontainer').hide();
	$('.agentdetailcontainer.id'+regioid).show();
}