/*
* DisplayObject3D ----------------------------------------------
*/
var DisplayObject3D = function(){
	return this;
};

DisplayObject3D.prototype._x = 0;
DisplayObject3D.prototype._y = 0;

//Create 3d Points
DisplayObject3D.prototype.make3DPoint = function(x,y,z) {
	var point = {};
	point.x = x;
	point.y = y;
	point.z = z;
	return point;
};

//Create 2d Points
DisplayObject3D.prototype.make2DPoint = function(x,y, depth, scaleFactor){
	var point = {};
	point.x = x;
	point.y = y;
	point.depth = depth;
	point.scaleFactor = scaleFactor;
	return point;
};

DisplayObject3D.prototype.container = undefined;
DisplayObject3D.prototype.pointsArray = [];

DisplayObject3D.prototype.init = function (container){
	
	this.container = $(container);
	this.containerId = this.container.attr("id");
	
	//if there isn't a ul than it creates a list of +'s
	if ($(container+":has(ul)").length === 0){
		for (i=0; i < this.pointsArray.length; i++){
			this.container.append('<b id="item'+i+'">+</b>');
		}
	}
};	

/*
* DisplayObject3D End ----------------------------------------------
*/


/*
* Camera3D ----------------------------------------------
*/
var Camera3D = function (){};

Camera3D.prototype.x = 0;
Camera3D.prototype.y = 0;
Camera3D.prototype.z = 500;
Camera3D.prototype.focalLength = 1000;

Camera3D.prototype.scaleRatio = function(item){
	return this.focalLength/(this.focalLength + item.z - this.z);
};

Camera3D.prototype.init = function (x,y,z,focalLength){
	this.x = x;
	this.y = y;
	this.z = z;
	this.focalLength = focalLength;
};


/*
* Camera3D End ----------------------------------------------
*/


/*
* Object3D ----------------------------------------------
*/
var Object3D = function (container){
	this.container = $(container);
};

Object3D.prototype.objects = [];

Object3D.prototype.addChild = function (object3D){
		
	this.objects.push(object3D);
	
	object3D.init(this.container);
	
	return object3D;
};

/*
* Object3D End ----------------------------------------------
*/


/*
* Scene3D ----------------------------------------------
*/

var Scene3D = function (){};

Scene3D.prototype.sceneItems = [];
Scene3D.prototype.addToScene = function (object){
	this.sceneItems.push(object);
};

Scene3D.prototype.Transform3DPointsTo2DPoints = function(points, axisRotations,camera){
	var TransformedPointsArray = [];
	var sx = Math.sin(axisRotations.x);
	var cx = Math.cos(axisRotations.x);
	var sy = Math.sin(axisRotations.y);
	var cy = Math.cos(axisRotations.y);
	var sz = Math.sin(axisRotations.z);
	var cz = Math.cos(axisRotations.z);
	var x,y,z, xy,xz, yx,yz, zx,zy, scaleFactor;

	var i = points.length;
	
	while (i--){
		x = points[i].x;
		y = points[i].y;
		z = points[i].z;

		// rotation around x
		xy = cx*y - sx*z;
		xz = sx*y + cx*z;
		// rotation around y
		yz = cy*xz - sy*x;
		yx = sy*xz + cy*x;
		// rotation around z
		zx = cz*yx - sz*xy;
		zy = sz*yx + cz*xy;
		
		scaleFactor = camera.focalLength/(camera.focalLength + yz);
		x = zx*scaleFactor;
		y = zy*scaleFactor;
		z = yz;
		
		var displayObject = new DisplayObject3D();
		TransformedPointsArray[i] = displayObject.make2DPoint(x, y, -z, scaleFactor);
	}
	
	return TransformedPointsArray;
};

var MaxW = 0;
var MaxP = 0
Scene3D.prototype.renderCamera = function (camera,options){
	
	//camera.css({left :'200px'});
	//window.console.log( options.holder );
	
	var theHolder = options.holder;
	
	for(var i = 0 ; i< this.sceneItems.length; i++){
		
		var ffi = 1.3;
		
		var obj = this.sceneItems[i].objects[0];
	
		var screenPoints = this.Transform3DPointsTo2DPoints(obj.pointsArray, axisRotation, camera);
		
	//	var hasList = (document.getElementById(obj.containerId).getElementsByTagName("ul").length > 0);
		var hasList = true;
		
		for (k=0; k < obj.pointsArray.length; k++){
			var currItem = null;
			
			if (hasList){
				//currItem = document.getElementById(obj.containerId).getElementsByTagName("ul")[0].getElementsByTagName("li")[k];
				currItem = $('.li:eq('+(k)+')',theHolder)[0];
				
			}else{
				
				currItem = document.getElementById(obj.containerId).getElementsByTagName("*")[k];
			}
			
			if(currItem){
			
				currItem._x = screenPoints[k].x;
				currItem._y = screenPoints[k].y;
				currItem.scale = screenPoints[k].scaleFactor;
				
				var factor = currItem.scale - 1;
				var scfact = 76;
				var sc = (currItem.scale * scfact);
				
				var percentage = ( ((currItem.scale) -ffi) *scfact);
				
				var scaledsc =  ( ((currItem.scale * (percentage /scfact)) * scfact) -ffi );
				
				var leftM = currItem._x + (sc - scaledsc);
				var topM =  scaledsc / 2.7;
				
				//wc(leftM);
				
				var Holder = new Array();
				Holder['W'] = Math.round(Math.abs(scaledsc));
				Holder['M'] = Math.floor( sc / 2);
				Holder['T'] = Math.floor(topM);
				Holder['L'] = currItem._x > 0 ? Math.floor(leftM) : Math.floor(currItem._x);
				Holder['I'] = Math.round(currItem.scale *100);
				
				//
				/*
				wc(Holder.W);
				wc(Holder.M);
				wc(Holder.T);
				wc(Holder.L);
				wc('-');
				*/
				
				//MaxW = Holder.W > MaxW ? Holder.W : MaxW;
				//wc(MaxW);
				
				//MaxP = percentage > MaxP ? percentage : MaxP;
				//wc(MaxP);
				
				
				if(percentage >= 70){
					$(currItem).addClass('frontslide');
				} else {
					$(currItem).removeClass('frontslide');
				}
				
				
				if(scaledsc > 18){
					$('img',
						$(currItem)
						.css({
							//opacity:(currItem.scale-1.3),
							display:'block',
							position: "absolute",
							width:Holder.W+'px',
							left:Holder.L+'px',//currItem._x+'px',
							top: '-' + Holder.T +'px',
							'marginLeft': '-' + Holder.M + 'px',
							'z-index':Holder.I
						})
					)
					.width( Holder.W )
					.css({
						//'float': currItem._x > 0 ? 'right' : 'left',
						position: "relative",
						'z-index':Holder.I,
						opacity:currItem.scale-1.3
					});
				
					
					
					$('.title,.new,h4,p',
						$(currItem)
					)
					.css({
						//display: percentage > 65 ? 'block' : 'none',
						'percentage': '100%',//percentage + '%',
						'font-size':Math.abs(scaledsc-scfact) + '%',
						opacity:(currItem.scale-ffi)
					});
					
					$('.new',
						$(currItem)
					)
					.css({
						//display: percentage > 65 ? 'block' : 'none',
						'percentage': '100%',//percentage + '%',
						'font-size':(Math.abs(scaledsc-scfact) + 10) + '%',
						opacity:(currItem.scale-ffi) - 0.2
					});
					
					
					//$('p',$(currItem)).html( percentage + ', ' + scaledsc );
					
					$('.reflectimg',$(currItem)).height( scaledsc * 0.6 );
						
					if( $('.reflectcanvas',$(currItem)).length ){
						
						$('.reflectcanvas',$(currItem))
						.height( scaledsc / 3.4 )
						.css({
							
							width: scaledsc,
							position: "relative",
							opacity:(currItem.scale-1.3)
						});
					}
					
					//window.console.log( sc );
					
				} else {
					
					$(currItem)
					.css({
						display:'none'
					});
					
				}
			}

			
		}

	}

};

/*
* Scene3D End ----------------------------------------------
*/


//Center for rotation
var axisRotation = new DisplayObject3D().make3DPoint(0,0,0);