OpenBoard/resources/library/interactive/barre_prof.wgt/js/ubw-main.js

function init(){
	
	var ubwidget = $("#ubwidget").ubwidget({
			width:300,
			height:240
		});
	
	var text = "";
	var winwidth;
	var minimizedHeight;
	var winheight;
	var scroll = false;
	var defaultFontSize = 35;
	var currentFontSize = defaultFontSize;
	var header = $('<div id="head"><input id="headtitle" class="stickytitle"></input></div>');
	var fontUp = $('<img src="images/stick-but-aplus.png">');
	var fontDown = $('<img src="images/stick-but-aminus.png">');
	var minimize =  $('<img src="images/stick-but-minimize.png">');
	var title = $('<div id="menu"></div>');
  var teacherIcon = $('<img>').attr('src',"images/teacher.png").appendTo('body').hide();
	var textField = $('<div id="txt"></div>');
		
		var shadow = $("<table width='100%' height='18' border='0' cellspacing='0' cellpadding='0'><tr><td id='sl' width='139'></td><td id='sc' style='background-image:url(images/shadowcenter.png)'>&nbsp;</td><td id='sr' width='139'></td></tr></table>")
			.appendTo("body");

		var shadowleft = $("<img src='images/shadowleft.png'>")
			.appendTo($("#sl"));
		var shadowright = $("<img src='images/shadowright.png'>")
			.appendTo($("#sr"));
		
		$("#ubwidget")
			.append(header)
			.append(textField);
		
		fontUp
			.addClass('menuElement');
		fontDown
			.addClass('menuElement');
		minimize
			.addClass('menuElement');
		
		header
			.append(minimize)
			.append(fontUp)
			.append(fontDown);
		var titletext = header.find('textarea');
		
		titletext.click(
			function(){
			
				titletext.focus();			
			
			});
			
		fontDown.click(
			function(){
				
				var newFontSize = parseInt(currentFontSize) - 3;
				
				textField.css({
					fontSize : newFontSize
				})
				
				controlTextField();
				
				if(window.uniboard){
					window.uniboard.setPreference("fontSize", newFontSize);
				};
				
			});
			
		fontUp.click(
			function(){
				
				var newFontSize = parseInt(currentFontSize) + 3;
				
				textField.css({
					fontSize : newFontSize
				})
				
				controlTextField();
				
				if(window.uniboard){
					window.uniboard.setPreference("fontSize", newFontSize);
				};
			});
			
		minimize.bind('click',
			function(){
				minimizedHeight = $('.ubw-container').height() ; 
        $('.ubw-container').hide();
        shadow.hide();
        teacherIcon.width('auto').height('auto');
                        
        teacherIcon.height(($(window).height()<100)?($(window).height()):(100)).show();
        if(teacherIcon.width()>$(window).width()){
          teacherIcon.width($(window).width());
          teacherIcon.css('height','auto');          
        }        
        
				window.resizeTo($(window).width(),teacherIcon.height());
				
				if(window.uniboard){
					window.uniboard.setPreference("minimized", "true");
          window.uniboard.setPreference("minimized", "true");          
				};
			});
			
		teacherIcon.bind('click',
			function(){
				var lastHeight = String(minimizedHeight)+'px';
				$('.ubw-container').height(lastHeight).show();
				teacherIcon.hide();
        shadow.show();
				window.resizeTo($('.ubw-container').width()+15,minimizedHeight+20);
				
				if(window.uniboard){
					window.uniboard.setPreference("minimized", "false");
				};
			});			
				
		header
			.append(title);
		title
			.addClass('menu');
		header
			.addClass('head');
		textField
			.addClass("textField")
			.css("fontSize",currentFontSize)
			.attr('contentEditable','true')
			.keyup(function(){
				if(window.uniboard){
					window.uniboard.setPreference("text", textField.html());
				}
				controlTextField();
				$('#headtitle').hide();
			});
		if(textField.html().length === 0){
			textField.focus();
		}
		titletext
			.attr('rows','1');
			
	function controlTextField(){	
		if(textField.text().length < 25){
			var titleStr =  textField.text() + '...';
			$('#headtitle').val(titleStr);
		}	
		
		textField.css({
			height : $('.ubw-container').height()-28,
		})
		
		if(textField.text().length == 0){
			textField.css({	
				fontSize: defaultFontSize,
			});
		}
		
		currentFontSize = textField.css('fontSize').replace('px','');
	
	}	
	
	textField.bind('paste', function(e) {	
		controlTextField();			
    });	
	$('#headtitle').hide();
	
  
  if(window.uniboard){
		text = window.uniboard.preference('text', text);
		currentFontSize = window.uniboard.preference('fontSize', defaultFontSize);
		
		$('.ubw-container').css({
			width:parseInt(window.uniboard.preference('width', "300")),
			height:parseInt(window.uniboard.preference('height', "240"))
		});

		if(window.uniboard.preference('minimized', "false") == "true"){
			minimize.trigger("click");
		};

		textField.css({
			fontSize : parseInt(currentFontSize)
		})
		textField.html(text);
	}		
				
	  window.onresize = function(){
		  winwidth = window.innerWidth;
		  winheight = window.innerHeight;
		  	
		  	if(winwidth <= 290)
		  	{
		  		window.resizeTo(290,winheight);
		  	}
		  	if(winheight <= 100)
		  	{
		  		window.resizeTo(winwidth,100);
		  	}
		  	if(winheight > 600)
		  	{
		  		window.resizeTo(winwidth,600);
		  	}
      			
      		$('.ubw-container').width(winwidth-2) ;
      		$('.ubw-container').height(winheight-20) ; 

			if(window.uniboard){
				window.uniboard.setPreference("width", winwidth-2);
				window.uniboard.setPreference("height", winheight-20);
			}

      		controlTextField();  
      }
}