/*
	template.js
*/
var Template = Obj.extend({
	// private
	_element: null,
	_options: null,
	_parent: null,
	
	SUPPORT_TEMPL: function(locale){
			return ("<form class='omq_self_support_form ui_font_fam ui_left ui_vert_top ui_marg_left ui_total_width ui_total_height'>"+
				    "	<div class='ui_left'>"+
				    "		<h3 class='ui_widget_hl_font ui_marg_top ui_marg_bot'>"+locale.INPUT_QUESTION_TITLE+"</h3>"+
			        "		<textarea class='text_input ui_textarea ui_input_width ui_marg_none ui_border ui_input_font ui_input_default_info' name='problem'>"+locale.INPUT_PROBLEM_TITLE+"</textarea>"+
			    	"	</div>"+
				    		
				    "	<div class='ui_left ui_pad_left ui_width_js'>"+
				    "		<h3 class='ui_widget_hl_font ui_marg_top ui_marg_bot'>"+locale.OFFER_LIST_TITLE+"</h3>"+
			        "		<div class='widget ui_widget ui_problem_bg ui_min_width'></div>"+
			        "		<div class='omq_link_div ui_min_width'>"+
			        "			<p>"+locale.OMQ_LINK_TEXT+"<a class='omq_link ui_link' href='http://www.omq.de' target='blank'>OMQ</a></p>"+
			        "		</div>"+
			    	"	</div>"+
			    	
				   	"	<div class='ui_clear_left ui_input_width'>"+
				    "  		<h3 class='ui_widget_hl_font ui_marg_bot'>"+locale.INPUT_CONTACT_TITLE+"</h3>"+
					"       <input class='ui_input_width ui_marg_bot ui_input ui_border ui_input_font ui_input_default_info' value='"+locale.INPUT_NAME_TITLE+"' name='name'/>"+
					"       <input class='ui_input_width ui_marg_bot ui_input ui_border ui_input_font ui_input_default_info' value='"+locale.INPUT_EMAIL_TITLE+"' name='email'/>"+
				   	"	</div>"+
				   	"   <input class='send_btn ui_btn ui_link ui_marg_top' type='button' value='"+locale.SEND+"' />"+
				    "</form>");
		},
    
	// public
	init: function(parent, options){
			var self = this;
			
			this._options 		= options;
            this._parent        = parent;
            this._element       = $(this.SUPPORT_TEMPL(this._options.locale)).appendTo(parent);
                	
            this.setFocusInOut();        

			this._lastVal			 = new Array();
			this._lastVal['problem'] = '';
			this._lastVal['name']	 = '';
			this._lastVal['email']	 = '';
			
			this._imgList 		= new Array();
			this._imgList[0] 	= "widget/img/button_background.png";
			this._imgList[1] 	= "widget/img/button_background_hover.png";
			
			this.preloadImgs();
			
	//		this.buildSupportForm();
			
			this.setWidgetDimensions();
			
			$(window).resize(function() {
					self.setWidgetDimensions();
				});
			
		},
	
	preloadImgs: function() {
			$.each(this._imgList, function(id, src) {
			    	var img = new Image();
			    	img.src = src;
			  	});
		},
/*	
	buildSupportForm: function() {
			$(this.SUPPORT_TEMPL(this._options.locale)).appendTo(this._options.widgetParent);
			this.setFocusInOut();
		},
*/		
	setFocusInOut: function() {
			var self = this;
			
			$.each($(".omq_self_support_form", this._options.widgetParent).serializeArray(), function(key, inputVal) {
					// in	
					$('[name='+inputVal.name+']', self._options.widgetParent).focusin(function() {
								$(this).removeClass('ui_input_default_info');
								$(this).val(self._lastVal[$(this).attr('name')])
									   .removeClass('ui_input_default_info')
									   .removeClass('ui_input_error_msg');
							});
					// out
					$('[name='+inputVal.name+']', self._options.widgetParent).focusout(function() {
							var inputOut = this;
							if($(inputOut).val().length > 0) {
									self._lastVal[$(inputOut).attr('name')] = $(inputOut).val();
							}else {
									$.each(self._options.locale, function(id, string) {
											if(id == 'INPUT_'+inputVal.name.toUpperCase()+'_TITLE') {
													$(inputOut).addClass('ui_input_default_info')
															   .attr('value', string);
													self._lastVal[$(inputOut).attr('name')] = '';
												}
										});
								}
						});
				});
		},
		
	setLastValue: function(name, value) {
			this._lastVal[name] = value;
		},
		
	getLastValue: function(name) {
			return this._lastVal[name];
		},
		
	getFormDimensions: function() {
			switch(this._options.size) {
	            case 'small': 
	            	var size = 200;
	            break;
	            case 'medium': 
	            	var size = 300;
	            break;
	            case 'large': 
	            	var size = 400;
	            	break;
	            default: 
	            	var size = 300;
	        }
			return size;
		},
		
	setFormDimensions: function() {
			$(".ui_input_width", this._element).css("width", this.getFormDimensions() + "px");
		},
	
	setWidgetDimensions: function() {
            var test = $(this._element).css("width");
    
			var totalFormWidth = $(this._element).css("width")
			  												.split("px")[0];
			$(".ui_width_js", this._element).css("width", (totalFormWidth - this.getFormDimensions() - 60) + "px");
		},
/*	
	getViewPortWidth: function() {
			if($.browser.msie) {
				return document.body.clientWidth;
			}else {
				return window.innerWidth; 
			}
		},

	getViewPortHeight: function() {
			if($.browser.msie) {
				return document.body.clientHeight;
			}else {
				return window.innerHeight;
			}
		},
		
	setPopupOverlayDimensions: function() {
			// get total side height
			var sideHeight = parseInt($("html").css("height")
											   .split("px")[0]);
			if(sideHeight > this.getViewPortHeight()) {
				$(".ui_popup_overlay").css("height", sideHeight);
			}else {
				$(".ui_popup_overlay").css("height", this.getViewPortHeight());
			}
		},
		
	setPopupDimensions: function() {
			var popupHeight = this.getViewPortHeight() - 170;
			$(".ui_popup").css("height", popupHeight);
		},
		
	setPopupPosition: function() {
			$(".ui_popup").css("top", ($(document).scrollTop() + 55) + "px");
			$(".ui_popup").css("left", ((this.getViewPortWidth() - $(".ui_popup").css("width").split("px")[0]) * 0.5) + "px");
		}
        */
});