#include "mc_tween2.as"
#include "selectModel.as"
#include "adjustImages.as"
#include "selectHair.as"
#include "upload.as"
#include "selectStyle.as"
#include "saveImage.as"

import flash.filters.DropShadowFilter;

//Create filter
var buttonOver = new DropShadowFilter (2,270,0x1D3375,1,2,2,1,1,true,false,false);
var buttonOut = new DropShadowFilter (2,270,0x3B5DA4,1,2,2,1,1,true,false,false);
var textOver = new DropShadowFilter (1,90,0x1D3375,1,1,1,1,1,false,false,false);
var textOut = new DropShadowFilter (1,45,0xffffff,1,1,1,1,1,false,false,false);

numberOfStep = 6;
numberOfIcon = 5;
numbeOfText = 4;
menu._y = -100;
step2b._x = -500;
step2b._alpha = 0;
_root.startOver = true;
selectedHairStyle = 7;
selectedHairColor = 4;
step2b.holder_mc.hair._alpha = 0; //CHANGE TO ZERO
restart = false;
selectPhotoMode = false;


//Init Steps
for(i=0; i<numberOfStep; i++){
	this["step"+i]._x = -(this._width - 20);
	this["step"+i].xBlurTo(50, 2, 0);
}

this.step1a._x = this.step1b._x = -(this._width - 20);
this.step1a.xBlurTo(50, 2, 0);
this.step1b.xBlurTo(50, 2, 0);
this.help.yBlurTo(50, 2, 0);
this.help._y = -400;

this.alert._alpha = 0;
this.alert._visible= false;
//this.alert.yBlurTo(50, 2, 0);
//this.alert._y = -400;

//SHOW & HIDE MOVIE CLIP
function showMovieClip(mc:MovieClip){
	mc.xSlideTo(304, 1);
	mc.xBlurTo(0, 2, 1);
}

function hideMovieClip(mc:MovieClip){
	mc.xSlideTo(1000, 1);
	mc.xBlurTo(50, 2, 1);
	mc.onTweenComplete = function(){
		if(mc._x == 1000){
			mc._x = -(mc._width - 20);
		}
	}
}

//SHOW & HIDE HELP BUTTON
function showHelpButton(){
	btBaseOutline._visible = true;
	btBaseHelp._visible = true;
	btTxtHelp._visible = true;
}

function hideHelpButton(){
	btBaseOutline._visible = false;
	btBaseHelp._visible = false;
	btTxtHelp._visible = false;
}

function showHelp(){
	help.ySlideTo(240,1);
	help.yBlurTo(0, 2, 1);
	greenBox.alphaTo(100, 1);
	switch (current) { 
    	case 1 : 
		help.step3.dragger_mc._y = 0;
    	break; 
    	case 2 : 
		help.step3.dragger_mc._y = 50;
    	break; 
	    case 3 : 
		help.step3.dragger_mc._y = 145;
    	break; 
    	case 4 : 
		help.step3.dragger_mc._y = 182;
    	break; 
    	case 5 : 
		help.step3.dragger_mc._y = 228;
    	break; 
    	default : 
    	help.step3.dragger_mc._y = 0;
    	break; 
 	}
}

function hideHelp(){
	help.ySlideTo(-300, 1);
	help.yBlurTo(50, 2, 1);
	help.step3.dragger_mc._y = 0;
	greenBox.alphaTo(0, 1);
}

function showAlert(){
	alert._visible = true;
	alert.alphaTo(100, 1);
	//alert.ySlideTo(240,1);
	//alert.yBlurTo(0, 2, 1);
	greenBox.alphaTo(100, 1);
}

function hideAlert(){
	alert.alphaTo(0, 1, undefined, undefined, function(){alert._visible = false;});
	//alert.ySlideTo(-300, 1);
	//alert.yBlurTo(50, 2, 1);
	greenBox.alphaTo(0, 1);
}

	

//SHOW & HIDE IMAGE
function showImage(){
	//step2b._visible = true;
	step2b._x = -500;
	step2b.xSlideTo(57, .5);
	step2b.xBlurTo(0, 2, .5);
	step2b.alphaTo(100, 0.5);
}

function hideImage(){
	step2b.xSlideTo(1000, .5);
	step2b.xSlideTo(1000, .5, undefined, undefined, function(){showImage();});
	step2b.xBlurTo(50, 2, .5);
	step2b.alphaTo(0, .5);
	step2b.copyright._visible = false;
	//step2b.alphaTo(0, 1, undefined, undefined, function(){showImage();});
}

function hideImageDefault(){
	step2b.xSlideTo(1000, .5);
	step2b.xBlurTo(20, 2, .5);
	step2b.copyright._visible = false;
	//step2b.alphaTo(0, 1, undefined, undefined, function(){step2b._visible = false});
}
	

/******************************
HELP BUTTON
******************************/
//HELP
btBaseHelp.onRollOver = function(){
	this.gotoAndStop(2);
	this.filters = [buttonOver];
	this._parent.btTxtHelp.colorTo(0xffffff, 1);
	this._parent.btTxtHelp.filters = undefined;
}


btBaseHelp.onRollOut = function(){
	this.gotoAndStop(1);
	this.filters = [buttonOut];
	this._parent.btTxtHelp.colorTo(null, 1);
	this._parent.btTxtHelp.filters = [textOut];
}

btBaseHelp.onRelease = function(){
	hideHelpButton();
	showHelp();
}

//CLOSE
var btClose:MovieClip = help.btBase;
btClose.onRollOver = function(){
	this.gotoAndStop(2);
	this.filters = [buttonOver];
	this._parent.btTxt.colorTo(0xffffff, 1);
	this._parent.btTxt.filters = undefined;
}


btClose.onRollOut = function(){
	this.gotoAndStop(1);
	this.filters = [buttonOut];
	this._parent.btTxt.colorTo(null, 1);
	this._parent.btTxt.filters = [textOut];
}

btClose.onRelease = function(){
	showHelpButton();
	hideHelp();
}


/******************************
ALERT BUTTON
******************************/
//CANCEL BUTTON
var btCancelAlert:MovieClip = alert.btBase1;

btCancelAlert.onRollOver = function(){
	this.gotoAndStop(2);
	this.filters = [buttonOver];
	this._parent.btTxt1.colorTo(0xffffff, 1);
	this._parent.btTxt1.filters = undefined;
}

btCancelAlert.onRollOut = function(){
	this.gotoAndStop(1);
	this.filters = [buttonOut];
	this._parent.btTxt1.colorTo(null, 1);
	this._parent.btTxt1.filters = [textOut];
}

btCancelAlert.onRelease = function(){
	hideAlert();
}

//CONTINUE BUTTON
var btContinueAlert:MovieClip = alert.btBase2;

btContinueAlert.onRollOver = function(){
	this.gotoAndStop(2);
	this.filters = [buttonOver];
	this._parent.btTxt2.colorTo(0xffffff, 1);
	this._parent.btTxt2.filters = undefined;
}

btContinueAlert.onRollOut = function(){
	this.gotoAndStop(1);
	this.filters = [buttonOut];
	this._parent.btTxt2.colorTo(null, 1);
	this._parent.btTxt2.filters = [textOut];
}

btContinueAlert.onRelease = function(){
	trace("SELECT PHOTO MODE:"+selectPhotoMode);
	if(selectPhotoMode == true){
		hideMovieClip(step3);
		setMenu(2);
	}
	_root.startOver = true;
	hideAlert();
	hideForeheadControl();
	resetSelectModel();
	resetAdjustImage();
	resetSelectHair();
	resetSelectStyle();
	step3.checkBox.gotoAndStop(1);
	hideImageDefault();
	hideMovieClip(step2);
	showMovieClip(step1);
	setMenu(1);
	this._parent.onTweenComplete = resetMovieClip;
	enableModelButton();
	//step2b.holder_mc.gotoAndStop(1);
	_root.menu.text1.txtUpload.ySlideTo(-30, .5);
}
	

/******************************
STEP 0: HOME
*******************************/
showMovieClip(step0);
hideHelpButton();


//START BUTTON
step0.btBase.onRelease = function(){
	hideMovieClip(step0);
	showMovieClip(step1);
	menu.ySlideTo(0,1);
	showHelpButton();
	this.enabled = false;
	this.gotoAndStop(1);
	this._parent.btText.colorTo(null, 1);
}

step0.btBase.onRollOver = function(){
	this.gotoAndStop(2);
	this.filters = [buttonOver];
	this._parent.btText.colorTo(0xffffff, 1);
	this._parent.btText.filters = undefined;
}

step0.btBase.onRollOut = function(){
	this.gotoAndStop(1);
	this.filters = [buttonOut];
	this._parent.btText.colorTo(null, 1);
	this._parent.btText.filters = [textOut];
}

/******************************
STEP 1: PHOTO
*******************************/

//UPLOAD BUTTON
var btUpload:MovieClip = step1.btBaseUpload;
btUpload.onRelease = function(){
	hideMovieClip(step1);
	showMovieClip(step1a);
	setMenu(1);
	_root.menu.text1.txtUpload.ySlideTo(0, .5);
}

btUpload.onRollOver = function(){
	this.gotoAndStop(2);
	this.filters = [buttonOver];
	this._parent.btTextUpload.colorTo(0xffffff, 1);
	this._parent.btTextUpload.filters = undefined;
}

btUpload.onRollOut = function(){
	this.gotoAndStop(1);
	this.filters = [buttonOut];
	this._parent.btTextUpload.colorTo(null, 1);
	this._parent.btTextUpload.filters = [textOut];
}

//SELECT PHOTO BUTTON
var btSelect:MovieClip = step1.btBaseSelect;

btSelect.onRelease = function(){
	hideMovieClip(step1);
	showMovieClip(step1b);
	setMenu(1);
	_root.menu.text1.txtUpload.ySlideTo(-60, .5);
}

btSelect.onRollOver = function(){
	this.gotoAndStop(2);
	this.filters = [buttonOver];
	this._parent.btTextSelect.colorTo(0xffffff, 1);
	this._parent.btTextSelect.filters = undefined;
}

btSelect.onRollOut = function(){
	this.gotoAndStop(1);
	this.filters = [buttonOut];
	this._parent.btTextSelect.colorTo(null, 1);
	this._parent.btTextSelect.filters = [textOut];
}

/*****************************
STEP 1A: BROWSE
******************************/
// BROWSE BUTTON
var btBrowse:MovieClip = step1a.btBase1;

btBrowse.onRollOver = function(){
	this.gotoAndStop(2);
	this.filters = [buttonOver];
	this._parent.btText1.colorTo(0xffffff, 1);
	this._parent.btText1.filters = undefined;
}

btBrowse.onRollOut = function(){
	this.gotoAndStop(1);
	this.filters = [buttonOut];
	this._parent.btText1.colorTo(null, 1);
	this._parent.btText1.filters = [textOut];
}

btBrowse.onRelease = function(){
	browseFiles();
}

// CANCEL BUTTON
var btCancel1:MovieClip = step1a.btBase2;

btCancel1.onRollOver = function(){
	this.gotoAndStop(2);
	this.filters = [buttonOver];
	this._parent.btText2.colorTo(0xffffff, 1);
	this._parent.btText2.filters = undefined;
}

btCancel1.onRollOut = function(){
	this.gotoAndStop(1);
	this.filters = [buttonOut];
	this._parent.btText2.colorTo(null, 1);
	this._parent.btText2.filters = [textOut];
}

btCancel1.onRelease = function(){
	hideMovieClip(step1a);
	showMovieClip(step1);
	setMenu(1);
	_root.menu.text1.txtUpload.ySlideTo(-30, .5);
}



/******************************
STEP 1B: SELECT PHOTO
*******************************/
//CANCEL BUTTON
var btCancel:MovieClip = step1b.btBase1;

btCancel.onRollOver = function(){
	this.gotoAndStop(2);
	this.filters = [buttonOver];
	this._parent.btTxt1.colorTo(0xffffff, 1);
	this._parent.btTxt1.filters = undefined;
}

btCancel.onRollOut = function(){
	this.gotoAndStop(1);
	this.filters = [buttonOut];
	this._parent.btTxt1.colorTo(null, 1);
	this._parent.btTxt1.filters = [textOut];
}

btCancel.onRelease = function(){
	hideMovieClip(step1b);
	showMovieClip(step1);
	setMenu(1);
	_root.menu.text1.txtUpload.ySlideTo(-30, .5);
}

//CONTINUE BUTTON
var btContinue:MovieClip = step1b.btBase2;

btContinue.onRollOver = function(){
	this.gotoAndStop(2);
	this.filters = [buttonOver];
	this._parent.btTxt2.colorTo(0xffffff, 1);
	this._parent.btTxt2.filters = undefined;
}

btContinue.onRollOut = function(){
	this.gotoAndStop(1);
	this.filters = [buttonOut];
	this._parent.btTxt2.colorTo(null, 1);
	this._parent.btTxt2.filters = [textOut];
}

btContinue.onRelease = function(){
	trace("selectedHairStyle:"+_root.selectedHairStyle);
	if(image == undefined){		
		this._parent.error.alphaTo(100, .5);
		this._parent.error.alphaTo(0, .5, undefined, 1);
	}else{
		selectPhotoMode = true;
		imageName = "default/"+image+".jpg";
		loadHolder (imageName);
		disableDragImage();
		hideAnchors();
		hideMovieClip(step1b);
		showMovieClip(step3);
		hideImage();
		setMenu(2);
		setMenu(3);
		if(_root.startOver){
			setStyleButton(1);
			setHairButton(4);
			_root.startOver = false;
		}else{
			setStyleButton(_root.selectedHairStyle);
			setHairButton(_root.selectedHairColor);
		}
		step2b.onTweenComplete = function (){
			step2b.holder_mc.hair._alpha = 100;
		}
	}
}

/******************************
STEP 2: ADJUST IMAGE
*******************************/
//BACK BUTTON

step2.btBase1.onRollOver = function(){
	this.gotoAndStop(2);
	this.filters = [buttonOver];
	this._parent.btTxt1.colorTo(0xffffff, 1);
	this._parent.btTxt1.filters = undefined;
}

step2.btBase1.onRollOut = function(){
	this.gotoAndStop(1);
	this.filters = [buttonOut];
	this._parent.btTxt1.colorTo(null, 1);
	this._parent.btTxt1.filters = [textOut];
}

step2.btBase1.onRelease = function(){
	showAlert();
}

//NEXT BUTTON
step2.btBase2.onRollOver = function(){
	this.gotoAndStop(2);
	this.filters = [buttonOver];
	this._parent.btTxt2.colorTo(0xffffff, 1);
	this._parent.btTxt2.filters = undefined;
}

step2.btBase2.onRollOut = function(){
	this.gotoAndStop(1);
	this.filters = [buttonOut];
	this._parent.btTxt2.colorTo(null, 1);
	this._parent.btTxt2.filters = [textOut];
}

step2.btBase2.onRelease = function(){
	disableDragImage();
	hideAnchors();
	hideMovieClip(step2);
	showMovieClip(step3);
	setMenu(3);
	hideImage();
	deleteFiles = new LoadVars(); 
	deleteFiles.load("images/delete.php");
	if(_root.startOver){
		setStyleButton(1);
		setHairButton(4);
		_root.startOver = false;
	}else{
		setStyleButton(_root.selectedHairStyle);
		setHairButton(_root.selectedHairColor);
	}
	step2b.onTweenComplete = function (){
		step2b.holder_mc.hair._alpha = 100;
	}
}


/******************************
STEP 3: HAIR STYLE
*******************************/
//BACK BUTTON
step3.btBase1.onRollOver = function(){
	this.gotoAndStop(2);
	this.filters = [buttonOver];
	this._parent.btTxt1.colorTo(0xffffff, 1);
	this._parent.btTxt1.filters = undefined;
}

step3.btBase1.onRollOut = function(){
	this.gotoAndStop(1);
	this.filters = [buttonOut];
	this._parent.btTxt1.colorTo(null, 1);
	this._parent.btTxt1.filters = [textOut];
}

step3.btBase1.onRelease = function(){
	if(selectPhotoMode == true){
		showAlert();
	}else{
		enableDragImage();
		hideImage();
		hideMovieClip(step3);
		showMovieClip(step2);
		setMenu(2);
		_root.menu.text1.txtUpload.ySlideTo(-30, .5);
		step2b.onTweenComplete = function(){
			step2b.holder_mc.hair._alpha = 0; // CHANGE BACK TO 0
		};
	}
}

//NEXT BUTTON
step3.btBase2.onRollOver = function(){
	this.gotoAndStop(2);
	this.filters = [buttonOver];
	this._parent.btTxt2.colorTo(0xffffff, 1);
	this._parent.btTxt2.filters = undefined;
}

step3.btBase2.onRollOut = function(){
	this.gotoAndStop(1);
	this.filters = [buttonOut];
	this._parent.btTxt2.colorTo(null, 1);
	this._parent.btTxt2.filters = [textOut];
}

step3.btBase2.onRelease = function(){
	hideImage();
	hideMovieClip(step3);
	showMovieClip(step4);
	setMenu(4);
	setHairButton(_root.selectedHairColor);
}

/******************************
STEP 4: HAIR COLOUR
*******************************/
//BACK BUTTON
step4.btBase1.onRollOver = function(){
	this.gotoAndStop(2);
	this.filters = [buttonOver];
	this._parent.btTxt1.colorTo(0xffffff, 1);
	this._parent.btTxt1.filters = undefined;
}

step4.btBase1.onRollOut = function(){
	this.gotoAndStop(1);
	this.filters = [buttonOut];
	this._parent.btTxt1.colorTo(null, 1);
	this._parent.btTxt1.filters = [textOut];
}

step4.btBase1.onRelease = function(){
	hideImage();
	hideMovieClip(step4);
	showMovieClip(step3);
	setMenu(3);
	resetGreyHair();
	resetForehead();
	_root.menu.text1.txtUpload.ySlideTo(-30, .5);
}

//NEXT BUTTON
step4.btBase2.onRollOver = function(){
	this.gotoAndStop(2);
	this.filters = [buttonOver];
	this._parent.btTxt2.colorTo(0xffffff, 1);
	this._parent.btTxt2.filters = undefined;
}

step4.btBase2.onRollOut = function(){
	this.gotoAndStop(1);
	this.filters = [buttonOut];
	this._parent.btTxt2.colorTo(null, 1);
	this._parent.btTxt2.filters = [textOut];
}

step4.btBase2.onRelease = function(){
		hideImage();
		hideMovieClip(step4);
		showMovieClip(step5);
		setMenu(5);
		step2b.copyright._visible = true;
		step2b.onTweenComplete = function(){
			if(forehead){
				step2b.holder_mc.hair._alpha = 0;
			}else{
				step2b.holder_mc.hair._alpha = 100;
			}
		};
}




/******************************
STEP 5: SAVE IMAGE
*******************************/
//SAVE BUTTON
step5.btBase1.onRollOver = function(){
	this.gotoAndStop(2);
	this.filters = [buttonOver];
	this._parent.btTxt1.colorTo(0xffffff, 1);
	this._parent.btTxt1.filters = undefined;
}

step5.btBase1.onRollOut = function(){
	this.gotoAndStop(1);
	this.filters = [buttonOut];
	this._parent.btTxt1.colorTo(null, 1);
	this._parent.btTxt1.filters = [textOut];
}

step5.btBase1.onRelease = function(){
	_root.save();		

}

//START OVER BUTTON
step5.btBase2.onRollOver = function(){
	this.gotoAndStop(2);
	this.filters = [buttonOver];
	this._parent.btTxt2.colorTo(0xffffff, 1);
	this._parent.btTxt2.filters = undefined;
}

step5.btBase2.onRollOut = function(){
	this.gotoAndStop(1);
	this.filters = [buttonOut];
	this._parent.btTxt2.colorTo(null, 1);
	this._parent.btTxt2.filters = [textOut];
}

step5.btBase2.onRelease = function(){
	step2b.copyright._visible = false;
	hideHelpButton();
	hideMovieClip(step5);
	showMovieClip(step0);
	setMenu(4);
	setMenu(3);
	setMenu(2);
	setMenu(1);
	hideImageDefault();
	selectPhotoMode = false;
	_root.menu.text1.gotoAndStop(1);
	step5.errormsg.text ="";
	menu.ySlideTo(-100,1, undefined, undefined, function(){resetImage();});	
}

function resetImage(){
		_root.startOver = true;
		_root.selectedHairStyle = 7;
		_root.selectedHairColor = 4;
		hideAnchors();
		enableDragImage();
		resetMovieClip();
		resetAdjustImage();
		resetSelectStyle();
		resetSelectHair();
		resetSelectModel();
		enableModelButton();
		enableHairButton();
		hideForeheadControl();
		//deactivate START BUTTON
		step0.btBase.enabled = true;
}



/******************************
TOP MENU
*******************************/
function initIcon(){
	for(i=1; i<numberOfIcon+1; i++){
		this["xPosIcon"+i] = this.menu["icon"+i]._x;
		trace ("Position Icon"+i+":"+this["xPosIcon"+i]);
	}
}

function initText(){
	for(i=1; i<numberOfText+1; i++){
		this["xPosText"+i] = this.menu["text"+i]._x;
		this.menu["text"+i]._y = 400;
		trace (this["xPosText"+i]);
	}
}

function resetIconColor(){
	for(i=1; i<numberOfIcon+1; i++){
		this.menu["icon"+i].alphaTo(50,1);
	}
}

function switchMenu(num:Number){
	currentIconLocation = this["xPosIcon"+current];
	newIconLocation = this["xPosIcon"+num] - 298;
	newTextLocation = newIconLocation + 60;
	resetIconColor();
	//SLIDE THE TEXT OUT
	this.menu["text"+current].xSlideTo(newTextLocation - 600, 1);
	//SLIDE THE TEXT IN
	this.menu["text"+num].xSlideTo(newTextLocation, 1);
	//SLIDE THE ICON
	this.menu["icon"+num].xSlideTo(newIconLocation, 1);
	this.menu["icon"+num].alphaTo(100,1);
	if(current > num){
		this.menu["icon"+current].xSlideTo(currentIconLocation, 1);
	}
	current = num;
	trace("current "+current);
}


function setMenu(num){
	delta = Math.abs(current - num);
	trace("delta "+delta);
	if(delta >1){
		trace("delta bigger than 1");
		for(i=1; i<=delta; i++){
			switchMenu(i);
		}
	}else{
		switchMenu(num);
	}
}


initText();
initIcon();
setMenu(1);