// UserSkinInfo:
// This class gets the user's personalized skin consultation.
// There are two ways to load data into this class.
// If you do NOT have the user's answers handy, then call the fetchSkinAnswers() method.
// This will first fetch the user's answer from the db and then get all the tab data.
// If you DO have the user's answers handy, then you can skip the first fetch and just
// call fetchSkinResults() with the "answers" array, formatted as: [[1, 6], 1, 4, 3, 3, 2, 2, 2, 3]
// (of course, with the correct answer values... :-)
// You can specify a callback function in the constructor, and when ALL the fetch's
// are done and data loaded, you'll be called back.
//
// See dashboard.js to see this in action.  Simple example is:
//	this.skinInfo = new UserSkinInfo({callback: this._skininfoLoaded.bind(this)});
//	this.skinInfo.fetchSkinAnswers();
//

// WDR 11/20/09: Hackamundo'd to work with CL JP's version of data.  :(


var UserSkinInfo = Class.create({
    initialize: function(args) {
        
		this.callback = null;	
		this.skininfo = null;
		this.skinresults = null;
		this.skincpd = null;
		this.tabprods = $H();
		
		this.steps = [];
		this.concerns = [];
		
		// Load up passed params
        Object.extend(this, args || {});
    },
    
    fetchSkinAnswers: function() {
		var id = jsonRpcWrapper.fetch({
		    method: 'quiz.get', 
			params: [{"type": "skin_consultation_quiz"}],
			onSuccess: this.loadSkinInfo.bind(this),
			onError: function () { console.log( 'SkinInfo JSON failed to load ' ) }
		});
		return id;
    },
    
	loadSkinInfo: function (jsonRpcResponse) {
        var data = jsonRpcResponse.getValue();
        // If we got data, it will be an array of hashes of trans info.
		if (data) {
			this.skininfo = Object.extend ( {}, data );
			
			if ( this.haveAnswers() ) {
				// Do the next thang
				this.fetchSkinResults(this.makeArrayOfAnswers());
			} else {
				this.doCallback();
			}
		}
	},
	
    fetchSkinResults: function(answerArray) {
        
        var params = Object.extend ( {'answers': answerArray} );
        params = Object.extend ( params, productPage.DETAIL_VIEW_QUERY.PRODUCT_FIELDS );
        params = Object.extend ( params, productPage.DETAIL_VIEW_QUERY.SKU_FIELDS );
    	params = [params];
    	
		var id = jsonRpcWrapper.fetch({
		    method: 'skin_consultation_quiz.results', 
            params: params,
			onSuccess: this.loadSkinResults.bind(this),
			onError: function () { console.log( 'SkinResults JSON failed to load ' ); }
		});
		return id;
    },
    
	loadSkinResults: function(jsonRpcResponse) {
        var data = jsonRpcResponse.getValue();
		if (data) {
			this.skinresults = data;
			
			// Pull steps out of the data.
			var i,skindata;
			for ( i=1; i<=3; i++ ) {
				skindata = this.skinresults['step'+i];
				if ( skindata ) {
					this.steps[this.steps.length] = skindata;
				}
			}
			
			// Get up to two concerns
			for ( i=1; i<=2; i++ ) {
				skindata = this.skinresults['concern'+i];
				if ( skindata ) {
					this.concerns[this.concerns.length] = skindata;
				}
			}

			this.doCallback();			
		}

	},
	
    doCallback: function() {
		if ( this.callback ) {
			this.callback();
		}
    },
    
	// Makes the array of answers we can pass to the skin result forms.
	// Handles ordering of stuff.
	makeArrayOfAnswers: function() {
		// Just return answer hash, if present
		return ( this.skininfo ? this.skininfo.answers : null );
	},
	
	// Return true if we think we have actual answers.
	haveAnswers: function() {
		return ( this.skininfo && this.skininfo.answers );
	},
	
	// How many concerns did the user give?
	concernCount: function() {
		return this.concerns.length;
	},
	
	// Get the user concern of the given index
	// (one-based index!)
	getConcern: function(i) {
		return ( i > 0 && i <= this.concerns.length ? this.concerns[i-1] : 0 );
	},
	
	// Digs the user's skin type number (1-4) out of the skin result data.
	getSkinTypeNumber: function() {
		var num = 1;
		
		if ( this.skinresults ) {
			num = this.skinresults['skintype'];
		}
		
		return num;
	},
	
	// Returns array of tab id's we should use.
	// In the US, we got this list from the server, but for JP
	// we're always assuming tab 1 is 3step and then we'll have "up to" two
	// more tabs of concerns.
	getTabIds: function() {
		var arTabs = [];
		
		if ( this.steps.length ) {
			arTabs[arTabs.length] = 'tab_1';
		}
		
		for ( var i=2; i<=3; i++ ) {
			if ( this.concerns[i-2] ) {
				arTabs[arTabs.length] = 'tab_'+i;
			}
		}
		
		return arTabs;
	},

	// Get the label to use for the given tab id
	getTabLabel: function(tabid) {
		if ( tabid == 'tab_1' ) {
			return prodrb.get('dashboard_3step_label');
		}
		
		var concern = this.getTabConcern(tabid); // tab[0].CONCERN;
		if ( concern ) {
			var label = concern['cncrn_name'];
			return label;
		}
		
		return '';
	},
	
	// Return concern info for the given tab id, if present.
	getTabConcern: function(tabid) {
		var i = ( tabid == 'tab_3' ? 1 : 0 );
		return this.concerns[i];
	},
	
	getTabHeader: function(tabid) {
		if ( tabid == 'tab_1' ) {
			return prodrb.get('dashboard_3step_header') + ' ' + this.getSkinTypeNumber()+':';
			//return this.getSkinTypeHeader();
		}
		var lbl = this.getTabLabel(tabid);
		var txt = prodrb.get('dashboard_concern_header')
		if ( lbl ) {
			lbl = new String(lbl).capitalize();
			txt += ' '+lbl;
		}
		txt += ':';
		return txt;
	},
	
	// Get the dashboard tab header (text at top of tab)
	getDBTabHeader: function(tabid) {
		var html = '';
		if ( tabid == 'tab_1' ) {
			html += '<img src="' + this.getImagePath(true) + '" />';
		}
		html += this.getTabHeader(tabid);
		return html;
	},
	
	getImagePath: function(isDB) {
		var imgPath = '/images/skinreport/';
		if ( isDB ) imgPath += 'dbicons/';
		var imgName = this.skinresults['image'];
		if ( !imgName ) imgName = 'type1.jpg';
		return imgPath + imgName;
	},
	
    getProductInfo: function(prodid,skuid) {
    	var prod = {};
    	if ( this.skinresults.products && this.skinresults.products[prodid] ) {
    		prod = this.skinresults.products[prodid];
    		
    		if ( skuid && this.skinresults.skus && this.skinresults.skus[skuid] ) {
    			prod.sku = this.skinresults.skus[skuid];
    		} else if ( prod.skus ) {
    			prod.sku = prod.skus;
    		}
    	}
    	return prod;
    },
    
    getTabProducts: function(tabid) {
    	var prods = [];
    	var i,obj,concern;
    	
    	if ( this.tabprods[tabid] ) {
    		prods = this.tabprods[tabid];
    	} else {
    		if ( tabid == 'tab_1' ) {
    			// Dig out the three skin type products
    			for ( i=1; i<=this.steps.length; i++ ) {
    				obj = this.skinresults['step'+i];
    				if ( obj ) {
    					prods[prods.length] = this.getProductInfo(obj.product,obj.sku);
    				}
    			}
    		} else {
    			// Get concern products.
    			concern = this.getTabConcern(tabid);
    			if ( concern && concern.products ) {
    				for ( i=0; i<concern.products.length; i++ ) {
    					prods[prods.length] = this.getProductInfo(concern.products[i]);
    				}
    			}
    		}
		}
    	
    	return prods;
    },
    
	getResultsPageCopy: function(tabid) {
		var text = this.skinresults["copy"];
		var text2 = this.skinresults["copy2"];
		var disclaimer = this.skinresults["disclaimer"];
//		console.log('disclaimer:' + disclaimer);
		if(disclaimer){text = text + '<div id="disclaimerbox">' + disclaimer + '</div>';}
		text = text + text2;
		return text;
	}

    
});