
(function( jq ){
	var infotimer= new Array();
	var thumb_off=new Array();
	var thumb_mo=new Array();
	var infopaneel_huidige_keuze_achtergrond=new Array();
	var infopaneel_huidige_keuze_inhoud_titel=new Array();
	var infopaneel_huidige_keuze_inhoud_tekst=new Array();
	var infopaneel_huidige_keuze_achtergrond_link=new Array();
	var infopaneel_huidige_keuze_achtergrond_linktype=new Array();
	var infopaneel_huidige_keuze_achtergrond_linkinfo=new Array();
	var maxloops = 4;
	var promoid=0;
	var promo_goto=new Array();
	var vorige=new Array();
	var autoloop=new Array();
	var promo_speed=new Array();
	var navigatiemuis=new Array();
	var maxloops=new Array();
	jq.fn.promobox = function(options) 
	{
		return this.each(function() 
		{
				// Standaard waarden
				var settings = {
					'location'         : 'top',
					'backgroundcolor' : 'blue'
				};
				if ( options ) { 
					jq.extend( settings, options );
				}
				
				var obj = jq(this);
				
				var promocounter=0;

				
				var promo_width	=641;
				var promo_height=376;
				var promo_delay	=1000;
				var promo_style	="";
				var infotimer	="";
				var promo_goto	=1;
				var vorige		=0;
				var positie		="links";
				var overlay		= false;
				var overlay_dir	= "";
				var breedte_img	= 0;
				var gradiant	= false;
				var gradiant_dir= "";
				var marge_top	= 0;
				var marge_left	= 0;

				
				var promobox_ini_array=obj.attr('title').split(",");
				var hulpvar=new Array();
				for (i=0;i<promobox_ini_array.length;i++)
				{
					hulpvar=promobox_ini_array[i].split("=");
					switch (hulpvar[0])
					{
						case 'width':
							promo_width=hulpvar[1];
							break;
						
						case 'height':
							promo_height=hulpvar[1];
							break;
							
						case 'speed':
							promo_speed[(promoid +1)]=hulpvar[1];
							break;
							
						case 'delay':
							promo_delay=hulpvar[1];
							break;
							
						case 'style':
							promo_style="{'"+hulpvar[1].replace(/:/g,'\':\'').replace(/;/g, '\',\'')+"'}";
							break;
						case 'aantal':
							maxloops[(promoid +1)]=hulpvar[1];
							break;
						case 'positie':
							positie = hulpvar[1];
							break;
						case 'overlay':
							overlay = hulpvar[1];
							break;
						case 'overlay_dir':
							overlay_dir = hulpvar[1];
							break;
						case 'gradiant':
							gradiant = hulpvar[1];
							break;
						case 'gradiant_dir':
							gradiant_dir = hulpvar[1];
							break;
						case 'marge_top':
							marge_top = parseInt(hulpvar[1]);
							if(isNaN(marge_top) == true)
							{
								marge_top = 0;
							}
							break;
						case 'marge_left':
							marge_left = parseInt(hulpvar[1]);
							if(isNaN(marge_left) == true)
							{
								marge_left = 0;
							}
							break;
					}
				}
				

				promoid++;
				autoloop[promoid]=1;
				
				var infotimer= new Array();
				
				thumb_off[promoid]=new Array();
				thumb_mo[promoid]=new Array();
				
				infopaneel_huidige_keuze_achtergrond[promoid]=new Array();
				infopaneel_huidige_keuze_inhoud_titel[promoid]=new Array();
				infopaneel_huidige_keuze_inhoud_tekst[promoid]=new Array();
				infopaneel_huidige_keuze_achtergrond_link[promoid]=new Array();
				infopaneel_huidige_keuze_achtergrond_linktype[promoid]=new Array();
				infopaneel_huidige_keuze_achtergrond_linkinfo[promoid]=new Array();
		
				obj.css('display', 'none');
				
				var promobox_html="<div id=promobox_"+promoid+" class=promobox onmouseover=\"jq('.promobox').onMouseOver('"+promoid+"');\" onmouseout=\"jq('.promobox').onMouseOut('"+promoid+"');\"><div class=thumbs>";
				obj.find("li").each(function() 
				{
					promocounter++;
					
					/*thumb_off_source 							= jq(this).find("img").next().attr('src');
					thumb_mo_source 							= jq(this).find("img").next().attr('src');
					infopaneel_huidige_keuze_achtergrond_source = jq(this).find("img").attr('src');*/
					
					infopaneel_huidige_keuze_achtergrond_source = jq(this).find("img").attr('src');
					thumb_off_source 							= jq(this).find("img").next().attr('src');
					thumb_mo_source 							= jq(this).find("img").next().next().attr('src');
					
					//Standaard alpha pixel zetten als er een plaatje leeg is.
					if(thumb_off_source == "phpimg/" && thumb_mo_source == "phpimg/")
					{
						thumb_off_source = "3rdparty/t4f/t4f_promobox/alpha_pixel.gif";
					}
					else if(thumb_off_source == "phpimg/")
					{
						thumb_off_source = thumb_mo_source;
					}
					if(thumb_mo_source == "phpimg/" && thumb_off_source == "phpimg/")
					{
						thumb_mo_source = "3rdparty/t4f/t4f_promobox/alpha_pixel.gif";
					}
					else if(thumb_mo_source == "phpimg/")
					{
						thumb_mo_source = thumb_off_source;
					}
					if(infopaneel_huidige_keuze_achtergrond_source == "phpimg/")
					{
						infopaneel_huidige_keuze_achtergrond_source = "3rdparty/t4f/t4f_promobox/alpha_pixel.gif";
					}
					
					
					thumb_off[promoid][promocounter]=thumb_off_source;
					thumb_mo[promoid][promocounter]=thumb_mo_source;
					

					infopaneel_huidige_keuze_achtergrond[promoid][promocounter]=infopaneel_huidige_keuze_achtergrond_source;
					infopaneel_huidige_keuze_inhoud_titel[promoid][promocounter]=jq(this).find("img").attr('alt');
					infopaneel_huidige_keuze_inhoud_tekst[promoid][promocounter]=jq(this).find("img").next().attr('alt');
					
					link	=jq(this).find("a").attr('href');
					linktype=jq(this).find("a").attr('alt');
					if(link == "")
					{
						link = "#";
					}
					linkinfos = new Array();
					
					//Standaard nieuw venster
					if(linktype == "" || linktype == "nieuw")
					{
						linktype = "target='_new'";
						
						linkinfos["title"]	= "";
						linkinfos["rel"]	= "";
						linkinfos["class"]	= "";
						linkinfos["target"]	= "_new";
					}
					//Doorlinken in zelfde venster
					if(linktype == "zelfde")
					{
						linktype = "target='_self'";
						
						linkinfos["title"]	= "";
						linkinfos["rel"]	= "";
						linkinfos["class"]	= "";
						linkinfos["target"]	= "_self";
					}
					//Doorlinken naar lightview
					if(linktype == "lightview")
					{
						linktype = "class='lightview' title='"+jq(this).find("img").next().attr('alt')+" :: :: fullscreen: true' rel='iframe'";
						
						linkinfos["title"]	= jq(this).find("img").next().attr('alt')+" :: :: fullscreen: true";
						linkinfos["rel"]	= "iframe";
						linkinfos["class"]	= "lightview";
						linkinfos["target"]	= "";
					}
					infopaneel_huidige_keuze_achtergrond_link[promoid][promocounter]=link;
					infopaneel_huidige_keuze_achtergrond_linktype[promoid][promocounter]=linktype;
					infopaneel_huidige_keuze_achtergrond_linkinfo[promoid][promocounter]=linkinfos;
					if(promocounter == 1)
					{
						promobox_html+="<div><a onmouseover=\"jq('.promobox').onMouseNavigate('"+promoid+"','"+promocounter+"');\" href=\""+link+"\" "+linktype+"><img class=\"promobox_"+promoid+"_thumb_"+promocounter+"\" src=\""+thumb_mo[promoid][promocounter]+"\" border=\"0\"></a></div>";									
					}
					else
					{
						promobox_html+="<div><a onmouseover=\"jq('.promobox').onMouseNavigate('"+promoid+"','"+promocounter+"');\" href=\""+link+"\" "+linktype+"><img class=\"promobox_"+promoid+"_thumb_"+promocounter+"\" src=\""+thumb_off[promoid][promocounter]+"\" border=\"0\"></a></div>";									
					}
				});
				promobox_html+="</div><div class=actief><a href='"+infopaneel_huidige_keuze_achtergrond_link[promoid][1]+"' "+infopaneel_huidige_keuze_achtergrond_linktype[promoid][1]+"><img class=actief_img src=\""+infopaneel_huidige_keuze_achtergrond[promoid][1]+"\" border='0' width=\""+promo_width+"\" height=\""+promo_height+"\" ></a></div>";
				promobox_html+="<div class=inactief><img class=inactief_img src=\""+infopaneel_huidige_keuze_achtergrond[promoid][2]+"\" border='0' width=\""+promo_width+"\" height=\""+promo_height+"\" ></div>";
				promobox_html+="<div class=overlay></div>";
				promobox_html+="<a href='"+infopaneel_huidige_keuze_achtergrond_link[promoid][1]+"' "+infopaneel_huidige_keuze_achtergrond_linktype[promoid][1]+" id='plaatje_link_promobox' border=0><div class=txtdiv><div class=txt><h2 class=wme_info_titel></h2><p class=wme_info_tekst></p></div></div></a></div><br style=clear:both />";

				obj.html(promobox_html); 
			
				promo_width_temp = (promo_width-20);
				promo_width+="px";
				promo_height+="px";
				promo_width_temp+="px";
				naar_links = 0;
				
				//kader_overlay.png
				obj.css({'position':'relative','width': promo_width,'height':promo_height, 'display':'' });
				//obj.css(promo_style);
				obj.find(".thumbs").css({'position':'absolute','top':'0px','left':'0px','z-index':'5','margin':'0','padding':'0'});
				if(positie == "links")
				{
					obj.find(".thumbs").css({'cursor':'pointer','margin':'0','padding':'0', 'left':marge_left+'px', 'top':marge_top+'px','position':'absolute'});
				}
				if(positie == "boven")
				{
					obj.find(".thumbs").css({'cursor':'pointer','margin':'0','padding':'0', 'left':marge_left+'px', 'top':marge_top+'px', 'position':'absolute', 'float':'left'});
					obj.find(".thumbs div").css({'float':'left'});
					
					obj.find(".thumbs div").find("img").each(function(i){
						jq(this).css({'marginLeft':marge_left+'px', 'marginTop':marge_top+'px'});
					});
				}
				if(positie == "rechts")
				{
					lokaal_width = promo_width.replace("px","");
					obj.find(".thumbs div").find("img").each(function(i){
						naar_links = this.width;
					});
					lokaal_width = (lokaal_width-(naar_links+marge_left));
					obj.find(".thumbs").css({'cursor':'pointer','margin':'0','padding':'0','left':lokaal_width+'px', 'top':marge_top+'px','position':'absolute','height':promo_height});
				}
				if(positie == "onder")
				{
					lokaal_height = promo_height.replace("px","");
					naar_onder = 0;
					obj.find(".thumbs div").find("img").each(function(i){
						naar_onder = this.height;
					});
					lokaal_height = (lokaal_height-(naar_onder+marge_top));
					obj.find(".thumbs").css({'cursor':'pointer','margin':'0','padding':'0', 'float':'left', 'top':lokaal_height+'px', 'left':marge_left+'px', 'position':'absolute'});
					obj.find(".thumbs div").css({'float':'left'});
				}
				obj.find(".thumbs img").css({'border':'0'});
				
				if(naar_links != 0)
				{
					naar_links += marge_left;
				}
				promo_width_temp = (parseFloat(promo_width_temp)-naar_links)+"px";
				
				if(overlay == "true")
				{
					obj.find(".overlay").css({'position':'absolute','top':'0','left':'0','z-index':'4','width': promo_width,'height':promo_height});//,'background-image':'url(\'phpimg/'+overlay_dir+'\')'
					obj.find(".overlay").html("<a id='overlaylink'><img src='phpimg/"+overlay_dir+"' height='"+promo_height+"' width='"+promo_width+"' border='0'></a>");
				}
				obj.find(".actief").css({'position':'absolute','top':'0','left':'0','z-index':'3','width': promo_width,'height':promo_height});
				obj.find(".inactief").css({'position':'absolute','top':'0','left':'0','z-index':'2','width': promo_width,'height':promo_height});
				obj.find(".txtdiv").css({'position':'absolute','top':'0','left':'0','z-index':'3','width': promo_width_temp,'height':promo_height,'text-align':'right','border':'0'});
				if(gradiant == "true")
				{
					obj.find(".txt").css({'position':'absolute','left':'0px','right':'0','bottom':'0','padding':'75px 20px 20px 0px','color':'#FFFFFF','width': promo_width_temp,'z-Index':'200','border':'0'});
					temp = 0;
					obj.find(".txt").each(function(i){
						if(this.offsetHeight!= 0)
						{
							temp = (this.offsetHeight+35);
						}
					});
					//alert(temp);
					temp2 = temp;
					temp = (parseInt(promo_height)-temp)+"px";
					//alert(temp);
					obj.find(".txtdiv").append("<div style='position:absolute; top:"+temp+"'><img src='phpimg/"+gradiant_dir+"' height='"+temp2+"' width='"+promo_width+"' border='0'></div>");
				}
				else
				{
					obj.find(".txt").css({'position':'absolute','left':'0px','right':'0','bottom':'0','padding':'75px 20px 20px 0px','color':'#FFFFFF','width': promo_width_temp,'border':'0'});
				}
				//obj.find(".txt").css({'position':'absolute','right':'0','bottom':'0','padding':'75px 20px 0px 0px','color':'#FFFFFF','width': promo_width_temp});
				obj.find(".txt h2").css({'font-size':'25px','color':'#fff','width': promo_width_temp,'border':'0'});
				obj.find(".txt p").css({'font-size':'12px','color':'#fff','width': promo_width_temp,'border':'0'});
				
				obj.attr('title','');
		
				jq('.promobox').loop(promoid,1,-1);				
				

		});
	};
	jq.fn.loop = function(welkpromoid,zetpromo_goto,vorige_var) 
	{
		if (autoloop[welkpromoid]==1 || navigatiemuis[welkpromoid] == 1) 
		{
			vorige[welkpromoid] = vorige_var;
			clearTimeout (infotimer[welkpromoid]);
			
			if (vorige[welkpromoid]>0)
			{
				jq('#promobox_'+welkpromoid).find(".promobox_"+welkpromoid+"_thumb_"+vorige[welkpromoid]+"").attr("src",thumb_off[welkpromoid][vorige[welkpromoid]]);
			}
			
			promo_goto[welkpromoid]=zetpromo_goto;
			vorige[welkpromoid]=promo_goto[welkpromoid];
			
			jq('#promobox_'+welkpromoid).find('.promobox_'+welkpromoid+'_thumb_'+promo_goto[welkpromoid]).attr("src",thumb_mo[welkpromoid][promo_goto[welkpromoid]]);
			jq('#promobox_'+welkpromoid).find('.inactief_img').attr("src",infopaneel_huidige_keuze_achtergrond[welkpromoid][promo_goto[welkpromoid]]);
			jq('#promobox_'+welkpromoid).find('.wme_info_titel').html(infopaneel_huidige_keuze_inhoud_titel[welkpromoid][promo_goto[welkpromoid]]);
			jq('#promobox_'+welkpromoid).find('.wme_info_tekst').html(infopaneel_huidige_keuze_inhoud_tekst[welkpromoid][promo_goto[welkpromoid]]);
			//Cufon.refresh();
			jq('#promobox_'+welkpromoid).find('.actief').stop().animate({opacity: 0 }, 500, function() 
			{ 
				
				
				jq('#promobox_'+welkpromoid).find('.actief_img').attr("src",infopaneel_huidige_keuze_achtergrond[welkpromoid][promo_goto[welkpromoid]]);
				jq('#promobox_'+welkpromoid).find('.actief').find('a').attr("href",infopaneel_huidige_keuze_achtergrond_link[welkpromoid][promo_goto[welkpromoid]]);
				
				jq('#promobox_'+welkpromoid).find('.actief').find('a').attr("title",infopaneel_huidige_keuze_achtergrond_linkinfo[welkpromoid][promo_goto[welkpromoid]]["title"]);
				jq('#promobox_'+welkpromoid).find('.actief').find('a').attr("rel",infopaneel_huidige_keuze_achtergrond_linkinfo[welkpromoid][promo_goto[welkpromoid]]["rel"]);
				jq('#promobox_'+welkpromoid).find('.actief').find('a').attr("class",infopaneel_huidige_keuze_achtergrond_linkinfo[welkpromoid][promo_goto[welkpromoid]]["class"]);
				jq('#promobox_'+welkpromoid).find('.actief').find('a').attr("target",infopaneel_huidige_keuze_achtergrond_linkinfo[welkpromoid][promo_goto[welkpromoid]]["target"]);
				if(infopaneel_huidige_keuze_achtergrond_link[welkpromoid][promo_goto[welkpromoid]] != "")
				{
					//Link toevoegen als er een link moet
					jq('#promobox_'+welkpromoid).find(".overlay").find("#overlaylink").attr({"href":infopaneel_huidige_keuze_achtergrond_link[welkpromoid][promo_goto[welkpromoid]],"target":infopaneel_huidige_keuze_achtergrond_linkinfo[welkpromoid][promo_goto[welkpromoid]]["target"],"class":infopaneel_huidige_keuze_achtergrond_linkinfo[welkpromoid][promo_goto[welkpromoid]]["class"],"rel":infopaneel_huidige_keuze_achtergrond_linkinfo[welkpromoid][promo_goto[welkpromoid]]["rel"],"title":infopaneel_huidige_keuze_achtergrond_linkinfo[welkpromoid][promo_goto[welkpromoid]]["title"]});
				}
				else
				{
					//Link verwijderen als er geen link is
					jq('#promobox_'+welkpromoid).find(".overlay").find("#overlaylink").removeAttr("href","target","class","rel","title");
				}
				
				/*
				linkinfos["title"]	= "";
				linkinfos["rel"]	= "";
				linkinfos["class"]	= "";
				linkinfos["target"]	= "";
				*/
				
				//infopaneel_huidige_keuze_achtergrond_linkinfo
				jq('#promobox_'+welkpromoid).find('#plaatje_link_promobox').attr("href",infopaneel_huidige_keuze_achtergrond_link[welkpromoid][promo_goto[welkpromoid]]);
				jq('#promobox_'+welkpromoid).find('.actief').css("opacity","1");
				if (autoloop[welkpromoid]==1) 
				{
					if(maxloops[welkpromoid] == promo_goto[welkpromoid])
					{
						promo_goto[welkpromoid] = 0;
					}
					infotimer[welkpromoid] = setTimeout ( "jq('.promobox').loop("+welkpromoid+","+(parseInt(promo_goto[welkpromoid])+1)+","+vorige[welkpromoid]+");", promo_speed[welkpromoid]);
				}
			});
		}
	};
	jq.fn.onMouseOver = function(welkpromoid)
	{
		autoloop[welkpromoid] = 0;
		jq('#promobox_'+welkpromoid).find('.actief').stop(true, true);
	};
	jq.fn.onMouseOut = function(welkpromoid)
	{
		autoloop[welkpromoid] = 1;
		navigatiemuis[welkpromoid] = 0;
		jq('.promobox').loop(welkpromoid,promo_goto[welkpromoid],vorige[welkpromoid]);
	}
	jq.fn.onMouseNavigate = function(welkpromoid, promo_goto)
	{
		navigatiemuis[welkpromoid] = 1;
		jq('.promobox').loop(welkpromoid,promo_goto,vorige[welkpromoid]);
	}
	
})( jQuery );


	
jq(function(){
   
   jq('.promobox').promobox();
}); 
