define(['app'], function (app) {
  	'use strict';

  	app.controller('MainCtrl', function ($rootScope, $scope, $illustration, $t_shirt) {

  		$scope.designFrameView = 'views/tshirt-design.html?ver='+VERSION;

  		//Action T-Shirt choice color and Back or Front
  		$scope.tShirtColor = $t_shirt.getTShirtColor(0);
  		//Set color name default
  		var tShirtColorFirstKey = 0;
  		$scope.tShirtChoiceBackFrontKey = 'front';
  		$scope.tShirtColorKey = tShirtColorFirstKey;
  		$rootScope.tShirtColorCode = $scope.tShirtColor[tShirtColorFirstKey].code;
  		$scope.tShirtColorName = $scope.tShirtColor[tShirtColorFirstKey].name;
  		$scope.tShirtImgFront = $scope.tShirtColor[tShirtColorFirstKey].img.front;
  		$scope.tShirtImgBack = $scope.tShirtColor[tShirtColorFirstKey].img.back;
  		$scope.tShirtImg = $scope.tShirtImgFront;
  
  		$scope.choiceTShirtColor = function(key) {
  			$scope.tShirtColorKey = key;
  			$rootScope.tShirtColorCode = $scope.tShirtColor[key].code;
  			$scope.tShirtColorName = $scope.tShirtColor[key].name;
  			$scope.tShirtImgFront = $scope.tShirtColor[key].img.front;
  			$scope.tShirtImgBack = $scope.tShirtColor[key].img.back;
  			if($scope.tShirtChoiceBackFrontKey == 'front') {
  				$scope.tShirtImg = $scope.tShirtImgFront;
  			} else {
  				$scope.tShirtImg = $scope.tShirtImgBack;
  			}
  		};
  		$scope.choiceTShirtBackFront = function(choice) {
  			if(choice == 'front') {
  				$scope.tShirtImg = $scope.tShirtImgFront;
  			} else {
  				$scope.tShirtImg = $scope.tShirtImgBack;
  			}
  			$scope.tShirtChoiceBackFrontKey = choice;
  		};

  		$scope.showIllustration = function(tab){

  			$rootScope.isShowLeftPanel = tab;
  			switch (tab) {

  				case 'illustration': {
  					$scope.IllustrationList = $illustration.getAll();
  					$scope.illustrationSelectConfig = {
  						allowClear:true

  					};

  					break;
  				}

  				case 'text': {
  					break;
  				}
  			}
  		};
  
  		//safeApply
  		$rootScope.safeApply = function(fn) {
  			var phase = this.$root.$$phase;
  			if(phase == '$apply' || phase == '$digest') {
  				if(fn && (typeof(fn) === 'function')) {
  					fn();
  				}
  			} else {
  				this.$apply(fn);

  			}

  		};

  		$scope.modalTShirtDesign = function() {

  			$('#tshirt-design').modal(
  				{
  					backdrop: 'static',
  					keyboard: false
  				}
  			);

  			$scope.showIllustration('default');

  		};
  		$scope.modalClose = function(){
  			$('#tshirt-design').modal('hide');

  		};

  	});
  });