(function($){
  window.LOI=$.extend(window.LOI,{
    bindListeners:function(){
      //divId="";	
      $('a[mediaid]').click(this.onFlashTabClicked);
      $("a[class='mmesluit']").click(this.onCloseClicked);   
      $("a[class='sluit']").click(this.onCloseClicked);   
      $('.thumbnailflash').click(this.onThumbnailFlashClicked);
      $('.thumbnailother').click(this.onThumbnailOtherClicked);
      $(window).resize(this.onResizeWindow);
               
    },
    
    onFlashTabClicked:function(){
       var flashFile=$(this).attr('mediaurl');
       var flashLayer="#"+ $(this).attr('layer')+"_flashMovie";
       
       var vWidth=eval($(this).attr('mediawidth'));
       var vHigh =eval($(this).attr('mediahigh'));
       var vVars =eval($(this).attr('mediavars'));
       
       $(flashLayer).css("width", vWidth);
       $(flashLayer).css("height", vHigh);
       $(flashLayer).html('').flash({ src: flashFile, width: vWidth, height: vHigh, wmode : "transparent", quality : "high", flashvars: { vars: vVars }},{ expressInstall: true});
       $(this).parent().parent().siblings('div').removeClass('active');
       $('.close').addClass('active');
       $(this).parent().parent().addClass('active');
       $(this).parent().parent().next().addClass('active');
    } ,
    onCloseClicked:function(){
       var flashLayer="#"+ $(this).attr('layer')+"_flashMovie";
       $(flashLayer).html('');  
       if ($(this).parent().hasClass('.sluit'))        
       	{ 
       		$(this).parent().parent().parent().addClass('off').removeAttr('shown');   
       	}
       	else
       	{
       		$(this).parent().parent().parent().parent().addClass('off').removeAttr('shown');
       	}    
    },
    onThumbnailFlashClicked:function(){
       var divId=		"#"+$(this).attr('thumbnaillayer')+"_1";
       var flashLayer= "#"+ $(this).attr('thumbnaillayer')+"_flashMovie";
       if($(flashLayer).length>0) {
       		var flashFile=eval($(this).attr('thumbnailflash'));
       		var vWidth=eval($(this).attr('thumbnailwidth'));
       		var vHigh =eval($(this).attr('thumbnailhigh'));
       		var vVars =eval($(this).attr('thumbnailvars'));
       		$(flashLayer).css("width", vWidth);
       		$(flashLayer).css("height", vHigh);
   	   		$(flashLayer).html('').flash({ src: flashFile, width: vWidth, height: vHigh, wmode : "transparent", quality : "high", flashvars: { vars: vVars }},{ expressInstall: true});
   	   }
       $(divId).removeClass('off').attr('shown', 'true');  
       //align verticaly centered
       var  divHeight= $(divId).height();  
       var topPoz=($(window).height()-divHeight)/2; 
       var topPozPerc=topPoz*100/($(window).height());
       $(divId).css("top", topPozPerc+"%");
     },
    
    onThumbnailOtherClicked:function(){
       divId=		"#"+$(this).attr('thumbnaillayer')+"_1";   
       $(divId).removeClass('off').attr('shown', 'true');
        //align verticaly centered
       var  divHeight= $(divId).height();  
       var topPoz=($(window).height()-divHeight)/2; 
       var topPozPerc=topPoz*100/($(window).height());
       $(divId).css("top", topPozPerc+"%");
    },

    onResizeWindow:function () {     	
    	if ($('div[shown]').length>0){
			var newWindowHeight = $(window).height();
			var  divHeight= $('div[shown]').height();  
        	var topPoz=(newWindowHeight-divHeight)/2; 
        	var topPozPerc=topPoz*100/newWindowHeight;
        	$('div[shown]').css("top", topPozPerc+"%");
			}
	}
  });
  $(function(){window.LOI.bindListeners()});
})(jQuery);