var basehref; // set with jQuery $('base').attr('href');

// init & start
$(function() {
	
	//debug:
	//elemoutline();
	
	// set base url var
	basehref = $('base').attr('href');
	
	// png fix IE 6
	jQuery.each(jQuery.browser, function(i, val) {
		if(i=="msie" && jQuery.browser.version < 7){
			//$('img[src$="png"]').addClass('png');
			$(document).pngFix();
		}
	});
	
	// media
	initmedia();
	
	// image europe imagemap mouseover
	if($('.prodsite').length){
		
		$('.prodsite').hide();
		$('.prodsite:first').show();
		
		$('area',$('map')).mouseover(function(){
		
			var href = $(this).attr('href');
			var div = $(href);
			
			if(div.length){
				$('.prodsite').hide();
				div.show();
			}
		});
	}
	
	// klant wil het; geen tijd uit te zoeken hoe in PHP te doen:
	$('#pagecontent div.folder:last').css({border:'none'});
	
});


/* 
	Functions
*/

// media
function initmedia(){

	$.fn.media.defaults.flvPlayer = basehref+'gui/media/flvplayer.swf';
	$('p a',$('div.video'))
	.media({ 
		width:  	540,//430, //4
		height: 	230,//343, //3 + 21 controlbar
		autoplay:	false, 
		src:		$(this).attr('href'),
		bgColor:	false, // background color
		caption:	false, // supress caption text
		attrs:		{ 
						autoplay:  false,  
						autostart:  false//, 
						//controlbar: 'none' 
					},  // object/embed attrs 
		params: 	{ 
						autoplay: false, 
						autostart: false//, 
						//controlbar: 'none' 
					}//, // object params/embed attrs 
	}); 
	
	//$('div.media p div embed')
	//.css('backgroundColor','#ff9600')
	//.attr('bgcolor','#ff9600');
}


// outline html elements (debug)
function elemoutline(){
	
	var ie6 = false;
	jQuery.each(jQuery.browser, function(i, val) {
		if(i=="msie" && jQuery.browser.version < 7){
			ie6 = true;
		}
	});
	
	function recurse(elem,p) {	
	
		var i, k, cn;
		
		if(!elem){	
			alert('null');
			return;
		} else {
		
			mark(elem);
			
			cn = elem.childNodes;
			
			if(cn){	
				k = cn.length;
				for (i = 0; i < k; i++) {	
					recurse(cn[i], p + '.' + i);
				}
			}
		}
	};
	
	function mark(elem) {	
		if(elem.style) {	
			if(ie6){
				$(elem).css({border:'1px solid green'});
			} else {
				$(elem).css({outline:'1px solid green'});
			}
		}
	};
	
	recurse(document,'d');

}