/************************************************************************************************************<br>
<br>
	@fileoverview
	Rounded corners class<br>
	(C) www.dhtmlgoodies.com, September 2006<br>
	<br>
	This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.	<br>
	<br>
	Terms of use:<br>
	Look at the terms of use at http://www.dhtmlgoodies.com/index.html?page=termsOfUse<br>
	<br>
	Thank you!<br>
	<br>
	www.dhtmlgoodies.com<br>
	Alf Magne Kalleland<br>
<br>
************************************************************************************************************/

// {{{ Constructor
function DHTMLgoodies_roundedCorners()
{
	var roundedCornerTargets;
	
	this.roundedCornerTargets = new Array();
	
}
	var string = '';
// }}}
DHTMLgoodies_roundedCorners.prototype = {

	// {{{ addTarget() 
    /**
     *
	 *
     *  Add rounded corners to an element
     *
     *	@param String divId = Id of element on page. Example "leftColumn" for &lt;div id="leftColumn">
     *	@param Int xRadius = Y radius of rounded corners, example 10
     *	@param Int yRadius = Y radius of rounded corners, example 10
     *  @param String color = Background color of element, example #FFF or #AABBCC
     *  @param String color = backgroundColor color of element "behind", example #FFF or #AABBCC
     *  @param Int padding = Padding of content - This will be added as left and right padding(not top and bottom)
     *  @param String heightOfContent = Optional argument. You can specify a fixed height of your content. example "15" which means pixels, or "50%". 
     *  @param String whichCorners = Optional argument. Commaseparated list of corners, example "top_left,top_right,bottom_left"
     * 
     * @public
     */		
    addTarget : function(divId,xRadius,yRadius,color,backgroundColor,padding,heightOfContent,whichCorners)
    {	
    	var index = this.roundedCornerTargets.length;
    	this.roundedCornerTargets[index] = new Array();
    	this.roundedCornerTargets[index]['divId'] = divId;
    	this.roundedCornerTargets[index]['xRadius'] = xRadius;
    	this.roundedCornerTargets[index]['yRadius'] = yRadius;
    	this.roundedCornerTargets[index]['color'] = color;
    	this.roundedCornerTargets[index]['backgroundColor'] = backgroundColor;
    	this.roundedCornerTargets[index]['padding'] = padding;
    	this.roundedCornerTargets[index]['heightOfContent'] = heightOfContent;
    	this.roundedCornerTargets[index]['whichCorners'] = whichCorners;  
    	
    }
    // }}}
    ,
	// {{{ init()
    /**
     *
	 *
     *  Initializes the script
     *
     * 
     * @public
     */	    
	init : function()
	{
		
		for(var targetCounter=0;targetCounter < this.roundedCornerTargets.length;targetCounter++){
			
			// Creating local variables of each option
			whichCorners = this.roundedCornerTargets[targetCounter]['whichCorners'];
			divId = this.roundedCornerTargets[targetCounter]['divId'];
			xRadius = this.roundedCornerTargets[targetCounter]['xRadius'];
			yRadius = this.roundedCornerTargets[targetCounter]['yRadius'];
			color = this.roundedCornerTargets[targetCounter]['color'];
			backgroundColor = this.roundedCornerTargets[targetCounter]['backgroundColor'];
			padding = this.roundedCornerTargets[targetCounter]['padding'];
			heightOfContent = this.roundedCornerTargets[targetCounter]['heightOfContent'];
			whichCorners = this.roundedCornerTargets[targetCounter]['whichCorners'];


			// Which corners should we add rounded corners to?
			var cornerArray = new Array();
			if(!whichCorners || whichCorners=='all'){
				cornerArray['top_left'] = true;
				cornerArray['top_right'] = true;
				cornerArray['bottom_left'] = true;
				cornerArray['bottom_right'] = true;
			}else{
				cornerArray = whichCorners.split(/,/gi);
				for(var prop in cornerArray)cornerArray[cornerArray[prop]] = true;
			}
					
				
			var factorX = xRadius/yRadius;	// How big is x radius compared to y radius
		
			var obj = document.getElementById(divId);	// Creating reference to element
			
			if(obj != null){ // Max: Prüfen ob Objekt existiert
				
				obj.style.backgroundColor=null;	// Setting background color blank
				obj.style.backgroundColor='transparent';
				var content = obj.innerHTML;	// Saving HTML content of this element
				obj.innerHTML = '';	// Setting HTML content of element blank-
				
		
				
				
				// Adding top corner div.
				
				if(cornerArray['top_left'] || cornerArray['top_right']){
					var topBar_container = document.createElement('DIV');
					topBar_container.style.height = yRadius + 'px';
					topBar_container.style.overflow = 'hidden';	
			
					obj.appendChild(topBar_container);		
					var currentAntialiasSize = 0;
					var savedRestValue = 0;
					
					for(no=1;no<=yRadius;no++){
						var marginSize = (xRadius - (this.getY((yRadius - no),yRadius,factorX)));					
						var marginSize_decimals = (xRadius - (this.getY_withDecimals((yRadius - no),yRadius,factorX)));					
						var restValue = xRadius - marginSize_decimals;		
						var antialiasSize = xRadius - marginSize - Math.floor(savedRestValue)
						var foregroundSize = xRadius - (marginSize + antialiasSize);	
						
						var el = document.createElement('DIV');
						el.style.overflow='hidden';
						el.style.height = '1px';					
						if(cornerArray['top_left'])el.style.marginLeft = marginSize + 'px';				
						if(cornerArray['top_right'])el.style.marginRight = marginSize + 'px';	
						topBar_container.appendChild(el);				
						var y = topBar_container;		
						
						for(var no2=1;no2<=antialiasSize;no2++){
							switch(no2){
								case 1:
									if (no2 == antialiasSize)
										blendMode = ((restValue + savedRestValue) /2) - foregroundSize;
									else {
									  var tmpValue = this.getY_withDecimals((xRadius - marginSize - no2),xRadius,1/factorX);
									  blendMode = (restValue - foregroundSize - antialiasSize + 1) * (tmpValue - (yRadius - no)) /2;
									}						
									break;							
								case antialiasSize:								
									var tmpValue = this.getY_withDecimals((xRadius - marginSize - no2 + 1),xRadius,1/factorX);								
									blendMode = 1 - (1 - (tmpValue - (yRadius - no))) * (1 - (savedRestValue - foregroundSize)) /2;							
									break;
								default:			
									var tmpValue2 = this.getY_withDecimals((xRadius - marginSize - no2),xRadius,1/factorX);
									var tmpValue = this.getY_withDecimals((xRadius - marginSize - no2 + 1),xRadius,1/factorX);		
									blendMode = ((tmpValue + tmpValue2) / 2) - (yRadius - no);							
							}
							
							el.style.backgroundColor = this.__blendColors(backgroundColor,color,blendMode);
							y.appendChild(el);
							y = el;
							var el = document.createElement('DIV');
							el.style.height = '1px';	
							el.style.overflow='hidden';
							if(cornerArray['top_left'])el.style.marginLeft = '1px';
							if(cornerArray['top_right'])el.style.marginRight = '1px';    						
							el.style.backgroundColor=color;					
						}
						
						y.appendChild(el);				
						savedRestValue = restValue;
					}
				}
				
				// Add content
				var contentDiv = document.createElement('DIV');
				contentDiv.className = obj.className;
				contentDiv.style.border='1px solid ' + color;
				contentDiv.innerHTML = content;
				contentDiv.style.backgroundColor=color;
				contentDiv.style.paddingLeft = padding + 'px';
				contentDiv.style.paddingRight = padding + 'px';
		
				if(!heightOfContent)heightOfContent = '';
				heightOfContent = heightOfContent + '';
				if(heightOfContent.length>0 && heightOfContent.indexOf('%')==-1)heightOfContent = heightOfContent + 'px';
				if(heightOfContent.length>0)contentDiv.style.height = heightOfContent;
				
				obj.appendChild(contentDiv);
		
			
				if(cornerArray['bottom_left'] || cornerArray['bottom_right']){
					var bottomBar_container = document.createElement('DIV');
					bottomBar_container.style.height = yRadius + 'px';
					bottomBar_container.style.overflow = 'hidden';	
			
					obj.appendChild(bottomBar_container);		
					var currentAntialiasSize = 0;
					var savedRestValue = 0;
					
					var errorOccured = false;
					var arrayOfDivs = new Array();
					for(no=1;no<=yRadius;no++){
						
						var marginSize = (xRadius - (this.getY((yRadius - no),yRadius,factorX)));					
						var marginSize_decimals = (xRadius - (this.getY_withDecimals((yRadius - no),yRadius,factorX)));						
		
						var restValue = (xRadius - marginSize_decimals);				
						var antialiasSize = xRadius - marginSize - Math.floor(savedRestValue)
						var foregroundSize = xRadius - (marginSize + antialiasSize);	
						
						var el = document.createElement('DIV');
						el.style.overflow='hidden';
						el.style.height = '1px';					
						if(cornerArray['bottom_left'])el.style.marginLeft = marginSize + 'px';				
						if(cornerArray['bottom_right'])el.style.marginRight = marginSize + 'px';	
						bottomBar_container.insertBefore(el,bottomBar_container.firstChild);				
						
						var y = bottomBar_container;		
						
						for(var no2=1;no2<=antialiasSize;no2++){
							switch(no2){
								case 1:
									if (no2 == antialiasSize)
										blendMode = ((restValue + savedRestValue) /2) - foregroundSize;
									else {
									  var tmpValue = this.getY_withDecimals((xRadius - marginSize - no2),xRadius,1/factorX);
									  blendMode = (restValue - foregroundSize - antialiasSize + 1) * (tmpValue - (yRadius - no)) /2;
									}						
									break;							
								case antialiasSize:								
									var tmpValue = this.getY_withDecimals((xRadius - marginSize - no2 + 1),xRadius,1/factorX);								
									blendMode = 1 - (1 - (tmpValue - (yRadius - no))) * (1 - (savedRestValue - foregroundSize)) /2;							
									break;
								default:			
									var tmpValue2 = this.getY_withDecimals((xRadius - marginSize - no2),xRadius,1/factorX);
									var tmpValue = this.getY_withDecimals((xRadius - marginSize - no2 + 1),xRadius,1/factorX);		
									blendMode = ((tmpValue + tmpValue2) / 2) - (yRadius - no);							
							}
							
							el.style.backgroundColor = this.__blendColors(backgroundColor,color,blendMode);
							
							if(y==bottomBar_container)arrayOfDivs[arrayOfDivs.length] = el;
							
							try{	// Need to look closer at this problem which occures in Opera.
								var firstChild = y.getElementsByTagName('DIV')[0];
								y.insertBefore(el,y.firstChild);
							}catch(e){
								y.appendChild(el);							
								errorOccured = true;
							}
							y = el;
							
							var el = document.createElement('DIV');
							el.style.height = '1px';	
							el.style.overflow='hidden';
							if(cornerArray['bottom_left'])el.style.marginLeft = '1px';
							if(cornerArray['bottom_right'])el.style.marginRight = '1px';    						
											
						}
						
						if(errorOccured){	// Opera fix
							for(var divCounter=arrayOfDivs.length-1;divCounter>=0;divCounter--){
								bottomBar_container.appendChild(arrayOfDivs[divCounter]);
							}
						}
						
						el.style.backgroundColor=color;	
						y.appendChild(el);				
						savedRestValue = restValue;
					}
		
				}
			}			
		}
	}		
	// }}}
	,		
	// {{{ getY()
    /**
     *
	 *
     *  Add rounded corners to an element
     *
     *	@param Int x = x Coordinate
     *	@param Int maxX = Size of rounded corners
	 *
     * 
     * @private
     */		
	getY : function(x,maxX,factorX){
		// y = sqrt(100 - x^2)			
		// Y = 0.5 * ((100 - x^2)^0.5);			
		return Math.max(0,Math.ceil(factorX * Math.sqrt( (maxX * maxX) - (x*x)) ));
		
	}	
	// }}}
	,		
	// {{{ getY_withDecimals()
    /**
     *
	 *
     *  Add rounded corners to an element
     *
     *	@param Int x = x Coordinate
     *	@param Int maxX = Size of rounded corners
	 *
     * 
     * @private
     */		
	getY_withDecimals : function(x,maxX,factorX){
		// y = sqrt(100 - x^2)			
		// Y = 0.5 * ((100 - x^2)^0.5);			
		return Math.max(0,factorX * Math.sqrt( (maxX * maxX) - (x*x)) );
		
	}
	

	,

	// {{{ __blendColors()
    /**
     *
	 *
     *  Simply blending two colors by extracting red, green and blue and subtracting difference between colors from them.
     * 	Finally, we multiply it with the blendMode value
     *
     *	@param String colorA = RGB color
     *	@param String colorB = RGB color
     *	@param Float blendMode 
	 *
     * 
     * @private
     */		
	__blendColors : function (colorA, colorB, blendMode) {
		if(colorA.length=='4'){	// In case we are dealing with colors like #FFF
			colorA = '#' + colorA.substring(1,1) + colorA.substring(1,1) + colorA.substring(2,1) + colorA.substring(2,1) + colorA.substring(3,1) + colorA.substring(3,1);
		}	
		if(colorB.length=='4'){	// In case we are dealing with colors like #FFF
			colorB = '#' + colorB.substring(1,1) + colorB.substring(1,1) + colorB.substring(2,1) + colorB.substring(2,1) + colorB.substring(3,1) + colorB.substring(3,1);
		}
		var colorArrayA = [parseInt('0x' + colorA.substring(1,3)), parseInt('0x' + colorA.substring(3, 5)), parseInt('0x' + colorA.substring(5, 7))];	// Create array of Red, Green and Blue ( 0-255)
		var colorArrayB = [parseInt('0x' + colorB.substring(1,3)), parseInt('0x' + colorB.substring(3, 5)), parseInt('0x' + colorB.substring(5, 7))];	// Create array of Red, Green and Blue ( 0-255)		
		var red = Math.round(colorArrayA[0] + (colorArrayB[0] - colorArrayA[0])*blendMode).toString(16);	// Create new Red color ( Hex )
		var green = Math.round(colorArrayA[1] + (colorArrayB[1] - colorArrayA[1])*blendMode).toString(16);	// Create new Green color ( Hex )
		var blue = Math.round(colorArrayA[2] + (colorArrayB[2] - colorArrayA[2])*blendMode).toString(16);	// Create new Blue color ( Hex )
		
		if(red.length==1)red = '0' + red;
		if(green.length==1)green = '0' + green;
		if(blue.length==1)blue = '0' + blue;
			
		return '#' + red + green+ blue;	// Return new RGB color
	}
}