/*
 * 	
 * jQuery extensions by plentySystems
 * 
 *
 * 
 * HowTo ...
 * 
 * ...definine a custom function:
 * 
 * jQuery.fn.FUNCTIONNAME = function()
 * 							{
 * 								return jQuery(this).each(
 * 									function()
 * 									{
 * 										// "jQuery(this)" is the jquery object
 * 										jQuery(this).doSomething();
 * 									});
 *							};
 * 
 */


/*
 * Lets element(s) blink
 */
jQuery.fn.blink =  	function(iBlinkCount)
					{
						return jQuery(this).each(
							function()
							{
								// speed in ms
								var speed = 250;
								
								// count of blinks
								if(iBlinkCount > 0)
								{
									var count = iBlinkCount;
								}
								else
								{
									var count = 3;
								}
								
								for(var i=0;i<count;i++)
								{
									this.fadeOut(speed).fadeIn(speed);
								}
							});
					};

/*
 * Move element(s) to center (chainable), centers both on param unset
 */
jQuery.fn.center =	function (from)
					{
						return jQuery(this).each(
							function()
							{
								// top pos
								var top		= (jQuery(window).height() - jQuery(this).height()) / 2 + jQuery(window).scrollTop() + "px";
								// left pos
								var left	= (jQuery(window).width() - jQuery(this).width()) / 2 + jQuery(window).scrollLeft() + "px";
								
								switch(from)
								{
								// adjust top
								case 'top':
									jQuery(this).css("top", top);
									break;
									// adjust left
								case 'left':
									jQuery(this).css("left", left);
									break;
									// default adjust both
								default:
									jQuery(this).css("top", top);
								jQuery(this).css("left", left);
								break;
								}
							});
					};

/*
 * Applies a for the document unique id to element(s)
 */
jQuery.fn.setUniqueId =	function(prefix)
						{
							return jQuery(this).each(
								function()
								{
									var sUniqueId = '';
									var sUniqueId = '';
									var iMultiplier = 3;
									var iRandomNum 	= 0;
									
									var elExists = true;
									
									// set default id
									if(!prefix)
									{
										prefix = 'id_';
									}
									
									do
									{
										// get more room for new IDs on repeat
										iMultiplier++;
										// get random number
										iRandomNum = Math.ceil(Math.random() * iMultiplier);
										
										// build new id
										sUniqueId = prefix + iRandomNum;
									}
									// repeat if id already exists
									while(jQuery('#'+sUniqueId).exists());
									
									// set id to element
									this.attr('id', sUniqueId);
								});
						};

/**
 * Extending the jQuery namespace by defining a new function jQuery.plentyRequest() for AJAX calls
 * (estafilarakis)
 */
jQuery.extend({
	plentyRequest : plentyAjaxRequest2
});

/**
 * 
 * Custom effect for tabs
 */
jQuery.tools.tabs.addEffect(	"plenty_tabs",
						function(tabIndex, done)
						{
							this.getPanes()
								// slide up all panes
								.slideUp("slow")
								// get the selected tab
								.eq(tabIndex)
								// slide down the selected
								.slideDown("slow");
							
							// effect is done
							done.call();
						});

/*
 * Custom datepicker
 */
jQuery.fn.plentyDateInput = 	function() 
								{
									return this.each(	function()
														{
															 jQuery(this).dateinput({
																 				format: "dd.mm.yyyy ",
																 				selectors: true,             	
																 				min: -1
																 				});
														});
								};


/**
 * New plugin 'plentyPortlet'.
 * 
 * The HTML structur should be:
 * <div class="PlentyGuiHeaderPane">
 *     <div class="PlentyGuiHeader">...</div>
 *     <div class="PlentyGuiContent">...</div>
 * </div>
 * 
 * The javascript call to build the portlet is:
 * jQuery(".PlentyGuiHeaderPane").plentyPortlet();
 * 
 * The plugin adds a button with the CSS class 'PlentyGuiPortletButton'
 * to open and close the content of the portlet.
 * 
 * @author estafilarakis@plentySystems
 * 
 */
jQuery.fn.plentyPortlet = function(conf) {
	if(typeof(conf) != "object")
	{
		conf = { opened : false };
	}
	return this.each(function(){
		var button = jQuery('<div class="PlentyGuiPortletButton">&nbsp;</div>');
		var portlet = jQuery(this);
		var portletContent = portlet.find('> .PlentyGuiContent');
		if(conf.opened == true || conf.opened == "true")
		{
			portletContent.addClass("PortletFirstOpened");
		}
		portlet.
			addClass('PlentyGuiPortlet').
			find('> .PlentyGuiContent').
				addClass('PlentyGuiPortletContent').
				end().
			find('> .PlentyGuiHeader').
				addClass('PlentyGuiPortletHeader').
				before(button);
		button.toggle(
				function(){
					jQuery(this).addClass('PlentyGuiPortletOpened');
					portletContent.slideDown();
					if(typeof(conf.onOpen) == 'function')
					{
						conf.onOpen(portlet.find('> .PlentyGuiPortletContent'));
					}
				},
				function(){
					jQuery(this).removeClass('PlentyGuiPortletOpened');
					portletContent.slideUp();
					if(typeof(conf.onClose) == 'function')
					{
						conf.onClose(portlet.find('> .PlentyGuiPortletContent'));
					}
				}
		);
		if(conf.opened == true || conf.opened == "true")
		{
			button.click();
		}
	});
}

/**
 * New Plugin 'plentyOverlay'.
 * 
 * This plugin combines the Tools-Plugin 'overlay' with the UI-Plugin 'draggable'.
 * So you get a draggable overlay.
 * 
 * @author estafilarakis@plentySystems
 * 
 */
jQuery.fn.plentyOverlay = function(conf){
	return this.each(function(){
		// Bilde Overlay (über den Trigger)
		jQuery(this).
			overlay({	onLoad : conf.onLoad,
						onBeforeLoad : conf.onBeforeLoad,
						oneInstance : (conf.oneInstance ? conf.oneInstance : false),
						left : conf.left ? conf.left : '20%',
						top : conf.top ? conf.top : '10%',
						closeOnClick : (conf.closeOnClick ? true : false)
					});
		// Mache das Overlay verschiebbar
		jQuery(jQuery(this).attr("rel")).
			draggable({	appendTo : 'body',
						//containment : 'window',
						scroll : true,
						stack : '.plenty_overlay',
						handle : '> .title_bar'
					});
	});
}

/**
 * New Plugin 'plentyDateInput'
 * 
 * This Plugin uses the jQuery Tools dateinput-Plugin and fixes
 * the problems with multiple dateinput instances in different
 * AJAX loaded contents (e.g. portlets).
 * 
 * @author estafilarakis@plentySystems
 * 
 */
jQuery.fn.plentyDateInput = function(conf){
	return this.each(function(){
		jQuery(this).
			bind("focus",function(){
				jQuery(this).after(jQuery("#calroot"));
			}).
			dateinput(conf);
	});
}

/**
 * New Plugin 'plentyQFAMS'
 * 
 * @author estafilarakis@plentySystems
 */
jQuery.fn.plentyQFAMS = function(conf)
{
	return this.each(function(){
		var leftSelect = jQuery(this).find(".QFAMSLeftSelect").eq(0);
		var rightSelect = jQuery(this).find(".QFAMSRightSelect").eq(0);
		var addFunction = function()
		{
			var newOptions = leftSelect.find("option:selected");
			/*if(newOptions.length > 0)
			{
				rightSelect.find("option.emptyOption").remove();
			}*/
			rightSelect.append(newOptions);
		}
		var removeFunction = function()
		{
			var newOptions = rightSelect.find("option:selected");//.filter(":not(.emptyOption)");
			leftSelect.append(newOptions);
			/*if(rightSelect.find("option").length == 0)
			{
				rightSelect.append("<option value=\"\" class=\"emptyOption\">&nbsp;</option>");
			}*/
		}
		/*if(rightSelect.find("option").length==0)
		{
			rightSelect.append("<option value=\"\" class=\"emptyOption\">&nbsp;</option>");
		}*/
		leftSelect.dblclick(addFunction);
		rightSelect.dblclick(removeFunction);
		jQuery(this).
			find(".QFAMSAddIcon").
				click(addFunction).
				end().
			find(".QFAMSRemoveIcon").
				click(removeFunction).
				end();
	});
}

/**
 * New Plugin 'plentyFarbtastic'
 * 
 * @author estafilarakis@plentySystems
 * 
 * @uses The jQuery farbtastic plugin 
 */
jQuery.fn.plentyFarbtastic = function()
{
	/*
	 * Load the farbtastic script if not allready loaded.
	 */
	jQuery.getPlentyScriptOnce("/tpl/global/jquery/farbtastic/farbtastic.js");
	
	/*
	 * Split hexstring color to RGB array
	 */
	function getRGB(color)
	{
		if(color.length == 7 && color.substring(0,1) == "#")
		{
			return [parseInt('0x'+color.substring(1,3))/255, parseInt('0x'+color.substring(3,5))/255, parseInt('0x'+color.substring(5,7))/255];
		}
		else if(color.length == 4 && color.substring(0,1) == "#")
		{
			return [parseInt('0x'+color.substring(1,2))/15, parseInt('0x'+color.substring(2,3))/15, parseInt('0x'+color.substring(3,4))/15];
		}
		return [255,255,255];
	}
	
	/*
	 * Returns the foreground color for the given background color.
	 */
	function getFgColor(bgColor)
	{
		var r = bgColor[0], g = bgColor[1], b = bgColor[2];
		var min = Math.min(r, Math.min(g, b));
		var max = Math.max(r, Math.max(g, b));
		return (min+max)/2 > 0.5 ? '#000' : '#fff';
	}
	
	return this.each(function(){
		var picker = jQuery("<div class=\"plentyFarbtastic\" id=\""+jQuery(this).attr("id")+"_farbtastic\"></div>");
		
		jQuery(this).
			after(picker.hide()).
			focusin(function(){
				picker.farbtastic(this).show();
			}).
			focusout(function(){
				picker.farbtastic(this).hide();
			}).
			css({
				backgroundColor: jQuery(this).val(),
				color: getFgColor(getRGB(jQuery(this).val()))
			});
	});
}

/**
 * Loads a Javascript file with the given URL syncron.
 */
jQuery.getPlentyScript = function(url){
	jQuery.ajax({
		  url: url,
		  dataType: 'script',
		  async : false
		});
}

/*jQuery.fn.scrollTo =	function()
						{
							var x = $(this).offset().top - 100;
							$("html,body").animate({scrollTop: x}, 500);
							return jQuery(this);
						}*/

jQuery.fn.removeClassByPrefix = function(sPrefix)
{
	return this.each(function(){
		
		var regx = new RegExp('\\b' + sPrefix + '.*?\\b', 'g');
		this.className = this.className.replace(regx, '');
	    //return this;
		
	});
}
	

/**
 * Removes a tab added with jQuery.addNewTab() and reinitializes the tabs object.
 */
jQuery.removeTab = function()
{
	var tabTitle = $(this).closest("li").find("a.PlentyGuiTabTitle");
	var tabId = tabTitle.attr("id");
	var paneId = tabTitle.attr("href").substr(1,tabTitle.attr("href").length);
	
	var tabsSelectorId = tabTitle.closest("div.PlentyGuiTabs").attr("id");
	var tabsObj = $("#"+tabsSelectorId+" > .tabs");
	var options = tabsObj.data("options");
	
	$("#"+tabsSelectorId).find("div#"+paneId).remove();
	$(this).closest("li").remove();
	
	options.initialIndex = 0;
	tabsObj.tabs("> .pane",options);
	tabsObj.find("a.current").click();
}

/**
 * Adds a new tab in an existing tabs object and reinitializes it.
 * 
 * @param string	selector	The ID of the tabs object (PlentyGuiTabs->getID()).
 * @param string	id			The ID of the new tab title. This value will be submited to the AJAX class called with 'ajaxUrl'.
 * @param string	ajaxUrl		The URL to be called. This call should return the tab title and the tab pane for the new tab.
 * @param boolean	click		A flag indicating whether to imediatly open the new tab or not.
 * 
 * @return void
 */
jQuery.addNewTab = function(selector,id,ajaxUrl,click)
{
	var tab = $(selector);
	var selectorId = selector;
	var liId = id+"_liElement";
	var liElem = $("#"+liId);
	var ulElem = $("#"+selector+" > .tabs");
	
	if(typeof click != "boolean")
	{
		click = false;
	}
	
	/*
	 * Only if the tab does not already exist.
	 */
	if(liElem.length == 0)
	{
		var closeBtn = $("<img/>");
		liElem = $("<li></li>");
		
		/*
		 * The new close button.
		 */
		closeBtn.
			css({'position':'absolute', 'top':'10px', 'right':'5px'}).
			addClass("link").
			addClass("PlentyGuiIcon").
			addClass("TabCloseButton").
			attr("title","Close Tab").
			attr("id",liId+"_closeButton").
			attr("src","/images/icons/silk/tab_close.gif").
			bind("click",$.removeTab);
		
		/*
		 * The new tab title of the tabs object.
		 */
		liElem.
			css("position","relative").
			attr("id",liId);
		ulElem.append(liElem);
		
		/*
		 * The callback function, which adds the new tab and reinitializes the tabs object.
		 */
		var addCloseBtn = function()
		{
			var options = $("#"+selector+" > .tabs").data("options");
			options.initialIndex = ulElem.find('li').index(liElem);
			
			/*
			 * Add the close button
			 */
			liElem.append(closeBtn);
			
			/*
			 * Reinitialize the tabs object.
			 */
			ulElem.tabs("> .pane",options);
			
			/*
			 * Open the new tab, if requested.
			 */
			if(click)
			{
				ulElem.find("a.current").click();
			}
		}
		
		/*
		 * The AJAX call.
		 */
		ajaxUrl = ajaxUrl + '&Params[result_id][0]=' + liId + '&Params[result_id][1]=' + selectorId + '&Params[add_result_id][1]=1'+'&TabTitleId='+id;
		plentyAjaxRequest2(ajaxUrl,addCloseBtn);
	}
	else
	{
		/*
		 * The requested tab already exists, so only open it.
		 */
		$("#"+selector+" > .tabs").data("tabs").click(ulElem.find('li').index(liElem));
	}
}


jQuery.fn.iconselect = function(conf){
	return this.each(function(){
			$(this).change(function(){
				var option = $(this).find("option:selected");
				var url = option.css("background-image");
				if( url )
				{
					$(this).css("background-image",url);
				}
				else
				{
					$(this).css("background-image","none");
				}
			});
			$(this).css("background-repeat","no-repeat").
					css("height","19px").
					css("padding-left","25px");
			$(this).change();
		});
}

function PlentyElementCache()
{
	// Element sets are registered here
	this.oRegistry = new Object();
	// Singleton
	PlentyElementCache.oInstance = null;
}

/**
 * 
 * @returns {PlentyElementCache}
 * @todo if this class is in heavy use, we could think about a cache limit
 */
PlentyElementCache.getInstance = function()
{
	if(PlentyElementCache.oInstance == null)
	{
		PlentyElementCache.oInstance = new PlentyElementCache();
	}
	
	return PlentyElementCache.oInstance;
};

/**
 * 
 * @returns {void}
 */
PlentyElementCache.destroy = function()
{
	PlentyElementCache.oInstance = null;
};

/**
 * 
 * @param {String} sJQuerySelector
 * @param {String} sCacheNamespace
 * @returns {Object} jQuery element match
 */
PlentyElementCache.prototype.get = function(sJQuerySelector, sCacheNamespace)
{
	if(		sJQuerySelector.length > 0
		&&	this.exists(	sJQuerySelector,
							sCacheNamespace) == false)
	{
		// Allocate element set to the selector
		this.set(	sJQuerySelector,
					sCacheNamespace);
	}
	
	if(		$.isset(sCacheNamespace)
		&&	sCacheNamespace.length	> 0)
	{
		return this.oRegistry[sCacheNamespace][sJQuerySelector];
	}
	
	return this.oRegistry[sJQuerySelector];
}

/**
 * Check if matching elements are cached for a selector or a selector in a namespace
 * 
 * @param {String} sJQuerySelector
 * @param {String} sCacheNamespace
 * @returns {Boolean}
 */
PlentyElementCache.prototype.exists = function(sJQuerySelector, sCacheNamespace)
{
	if(		$.isset(sCacheNamespace)
		&&	sCacheNamespace.length > 0)
	{
		return		$.isset(this.oRegistry[sCacheNamespace])
				&&	$.isset(this.oRegistry[sCacheNamespace][sJQuerySelector]);
	}
	else
	{
		return		$.isset(this.oRegistry[sJQuerySelector]);
	}
}

/**
 * Sets a set of matched elements to the cache
 * 
 * @param {String} sJQuerySelector
 * @param {String} sCacheNamespace
 * @returns {void}
 */
PlentyElementCache.prototype.set = function(sJQuerySelector, sCacheNamespace)
{
	if(		$.isset(sCacheNamespace)
		&&	sCacheNamespace.length	> 0)
	{
		if($.isset(this.oRegistry[sCacheNamespace]) == false)
		{
			this.oRegistry[sCacheNamespace] = new Object();
		}
		
		this.oRegistry[sCacheNamespace][sJQuerySelector] = jQuery(sJQuerySelector);
	}
	else
	{
		this.oRegistry[sJQuerySelector] = jQuery(sJQuerySelector);
	}
}

/**
 * Unsets a set of matched elements in the cache.
 * 
 * Unset either for a selector, a selector in a namespace or a whole namespace (by leaving the first param blank)
 * 
 * @param {String} sJQuerySelector
 * @param {String} sCacheNamespace
 */
PlentyElementCache.prototype.unset = function(sJQuerySelector, sCacheNamespace)
{
	if(		$.isset(sCacheNamespace)
		&&	sCacheNamespace.length	> 0)
	{
		if(		$.isset(sJQuerySelector)
			&&	sJQuerySelector.length	> 0)
		{
			// unset selector in namespace
			delete this.oRegistry[sCacheNamespace][sJQuerySelector];
		}
		else
		{
			// unset whole namespace
			delete this.oRegistry[sCacheNamespace];
		}
	}
	else
	{
		if(		$.isset(sJQuerySelector)
			&&	sJQuerySelector.length > 0)
		{
			// unset selector
			delete this.oRegistry[sJQuerySelector];
		}
	}
}

/**
 * 
 * Class registers paths to javascript files, so that the same script isn't loaded twice.
 */
function PlentyScriptRegistry()
{
	// Registry object, script's src tag's values are registered here
	this.oRegistry = new Object();
	PlentyScriptRegistry.oInstance = null;
}

/**
 * Singleton
 * 
 * @returns {PlentyScriptRegistry}
 */
PlentyScriptRegistry.getInstance = function()
{
	if(PlentyScriptRegistry.oInstance == null)
	{
		PlentyScriptRegistry.oInstance = new PlentyScriptRegistry();
	}
	
	return PlentyScriptRegistry.oInstance;
};

/**
 * Register script
 * 
 * @param {String} sSource The path to the script
 */
PlentyScriptRegistry.prototype.register = function(sSource)
{
	if(sSource.length > 0)
	{
		this.oRegistry[sSource] = true;
	}
}

/**
 * Is a script registered with that path?
 * 
 * @param {String} sSource The path to the script
 */
PlentyScriptRegistry.prototype.isRegistered = function(sSource)
{
	return 		$.isset(this.oRegistry[sSource])
			&&	this.oRegistry[sSource]			== true
}

/*
 * jQuery extensions.
 * 
 * Functions will be available via "$." or "jQuery." respectively.
 */
jQuery.extend({
	/**
	 * Takes use of the PlentyElementCache class.
	 * 
	 * All elements that are found via this function are cached by the selector as long as the page is not reloaded.
	 * 
	 * @param {String} sJQuerySelector
	 * @param {String} sCacheNamespace
	 * @returns {Object} A set of matching elements for the selector
	 */
    c: function(sJQuerySelector, sCacheNamespace) {
    	return	PlentyElementCache
					.getInstance()
						.get(sJQuerySelector, sCacheNamespace);
    },
    /**
     * Direct access to the PlentyElementCache instance.
     * 
     * Use this, for example, to unset parts of the cache.
     * 
     * @returns {PlentyElementCache}
     */
    getCache: function() {
    	return	PlentyElementCache
					.getInstance();
    },
    /**
     * Loads a script via ajax just once
     * 
     * @param {String} sSource
     */
    getPlentyScriptOnce: function(sSource) {
    	if(	PlentyScriptRegistry
    			.getInstance()
    				.isRegistered(sSource) === false)
    	{
    		// Load script via synchronous ajax
    		jQuery.getPlentyScript(sSource);
    		// Register script source
			PlentyScriptRegistry
				.getInstance()
					.register(sSource);
    	}
    },
    /**
     * Loads a CSS file via ajax
     * 
     * To load a CSS file just once, use $.getPlentyCssOnce()
     * 
     * @param {String} sSource
     */
    getPlentyCss: function(sSource)
    {
    	if(		$.isset(sSource)
    		&&	sSource.length > 0)
    	{
    		$('head').append('<link>');
    		css = $('head').children(':last');
    		css.attr({
    			rel:  'stylesheet',
    			type: 'text/css',
    			href: sSource
    		});
    	}
    },
    /**
     * Loads a CSS file just once
     * 
     * @param {String} sSource
     */
    getPlentyCssOnce: function(sSource)
    {
    	if(	PlentyScriptRegistry
    			.getInstance()
    				.isRegistered(sSource) === false)
    	{
    		// Register
    		PlentyScriptRegistry
    			.getInstance()
    				.register(sSource);
    		// Get
    		$.getPlentyCss(sSource);
    	}
    },
    /**
     * Returns true if param is not undefined and not null
     * 
     * @param {mixed}
     * @returns {Boolean}
     */
    isset: function(mixed)
    {
    	return		mixed	!== undefined
    			&&	mixed	!== null;
    },
    /**
     * Returns true if param is null
     * 
     * @param {mixed}
     * @returns {Boolean}
     */
    is_null: function(mixed)
    {
    	return mixed == null;
    },
    /**
     * Returns true if param is not undefined and not null
     * 
     * @param {mixed}
     * @returns {Boolean}
     */
    is_undefined: function(mixed)
    {
    	return mixed === undefined;
    },
    /**
     * Returns true if param is an object
     * 
     * @param {mixed}
     * @returns {Boolean}
     */
    is_object: function(mixed)
    {
        return typeof mixed == 'object';
    }
});