$(document).ready(function() {
	$(".joinLink").fancybox({
		'titlePosition'		: 'inside',
		'transitionIn'		: 'none',
		'transitionOut'		: 'none'
	});
	$(".joinLink").click(function() {
		$("#step1").show();
		$("#step2").hide();
		$("#step3").hide();
		$("#step4").hide();
		$("#forgotPasswordForm").hide();
		$("#emailNotFound").hide();
		$("#emailSent").hide();
		$("#loginForm").show();
		$("#usernameExistDiv").hide();
		$("#emailExistDiv").hide();
		$.fancybox.test();
	});
	
	$(".signUpLink").fancybox({
		'titlePosition'		: 'inside',
		'transitionIn'		: 'none',
		'transitionOut'		: 'none'
	});
	$(".signUpLink").click(function() {
		$('#step1').hide();
		$('#titleSignUpGigya').hide();
		$('#textSignUpGigya').hide();
		$('#imageColumn').hide();
		$('#titleSignUp').show();
		$('#textSignUp').show();
		$('#step2').show();
		$.fancybox.test();
	});
	
	$(".signInGigya").click(function() {
		$("#step1").show();
		$("#step2").hide();
		$("#step3").hide();
		$("#step4").hide();
		$("#forgotPasswordForm").hide();
		$("#emailNotFound").hide();
		$("#emailSent").hide();
		$("#loginForm").show();
		$("#usernameExistDiv").hide();
		$("#emailExistDiv").hide();
		$.fancybox.test();
	});
});

	var conf =  
        {  
        	APIKey: '2_-_prbqCldeL-zP8J21ngoJ6YY6xB_g4RqDf78nuzFFUmzJI4mL3N1xRJhYME623F' //Dev & Live - CM
           	//APIKey: '2_Y82PzwJ_chSFImHXaIDJClnLyJzmk-VFOavSsaNTzl6m901s_NNxRAS0xJ3bd3_N' //Local
		,enabledProviders: 'facebook,twitter,yahoo,google,linkedin'
        }; 
        
    var myPhotos = new Array();
    var friends, emails, dimension;
    var myProvider = '';
    
    var firstName = $("#firstName"),
		lastName = $("#lastName"),
		jobTitle = $("#jobTitle"),
		email= $("#email"),
		company = $("#company"),
		country = $("#country"),
		username = $("#username"),
		password1 = $("#password1"),
		password2 = $("#password2"),
		allFields = $([]).add(firstName).add(lastName).add(jobTitle).add(email).add(company).add(country).add(username).add(password1).add(password2),
			tips = $(".validateTips");
    
	$(function() {
		gigya.services.socialize.getUserInfo(conf, { callback: renderUI });  
		gigya.services.socialize.addEventHandlers(conf, { onLogin: renderUI, onLogout: renderUI });  
	

        
        gigya.services.socialize.showLoginUI(conf, {   
			useHTML: true
            ,showTermsLink: false
            ,height: 45
            ,width: 170
            ,containerID: 'divConnect'
            ,hideGigyaLink: true
        }); 
        
	});
	
	function renderUI(res){
		//console.log(res);
		if(res.user != null && res.user.isConnected){
			if($("#step1").css('display') == 'block'){
				$("#step1").hide();
			}
			
			if($("#step2").css('display') != 'block'){
				$("#step2").show();
				$.fancybox.test();
			}
			
			if($("#step3").css('display') == 'block'){
				$("#step3").hide();
			}
			
			myProvider = res.user.providers;
			
			if (res.user.providers == 'linkedin') {
				var rd_params = {  
					provider: 'linkedin',  
					fields : 'positions',  
					UID: res.user.UID,  
					callback:getExtraInformationLinkedin
				};
				gigya.services.socialize.getRawData(conf,rd_params);
				
			} else if (res.user.providers == 'facebook') {
				var rd_params = {  
					provider: 'facebook',  
					fields : 'current_location',  
					UID: res.user.UID,  
					callback:getExtraInformationFacebook
				};
				gigya.services.socialize.getRawData(conf,rd_params);
				$("#changeBtn").show();
			}
			
			getAccountInformation(res.user);
		}
	}
	
	function getAccountInformation(user){
		$("#firstName").val(user.firstName);
		$("#lastName").val(user.lastName);
		$("#email").val(user.email);
		$("#country").val(user.country);
		$("#username").val(user.email);
		$("#thumbnail").attr('src',user.photoURL);
		$("#source").val("gigya - " + user.providers);
		$("#UID").val(user.UID);
	}
	function getExtraInformationLinkedin(position){
		//console.log(position);
		var myXML = $(position.data);
		myXML.find('position').each(function () {
		    if ($(this).find('is-current').text() == 'true' ) {
		    	$("#company").val($(this).find('name').text());
		    	$("#jobTitle").val($(this).find('title').text());
		    }
		});
	}
	function getExtraInformationFacebook(location){
		//console.log(location.data);
		var myLocation = JSON.parse(location.data);		
		$("#country").val(myLocation[0].current_location.country);
	}
	
	function differentImages(){
		$("#wait1").show();  
		$("#additionalImagesContainer").html('');
		gigya.services.socialize.getAlbums(conf, { callback: differentImages_callback }); 
		$("#joinForm").fadeOut(function(){$("#additionalImages").fadeIn()});
	}

	function differentImages_callback(res){
		if (res.errorCode == 0) {  
              var myAlbums = res['albums'].asArray();     
                    
              if ( null!=myAlbums && myAlbums.length>0) {  
              	for (var j = 0; j < myAlbums.length; j++) {  
              		getPhotos(myAlbums[j]['albumID']);  
              	}
              } else {  
                  alert('No albums were returned');  
              }
          } else {  
              alert('Error :' + res.errorMessage);  
          }  
	}
	
	function getPhotos(albumID) {  
    	dimension = 0;
        gigya.services.socialize.getPhotos(conf, { callback:getPhotos_callback, albumIDs:albumID });  
    }  

    // Use the reponse of getPhotos and render HTML to display the first five Photos.  
    function getPhotos_callback(response) {  
    	var count = 0;
     		
        if (response.status == 'OK') {  
             myPhotos[dimension] = response.photos.asArray();  
             

             var html = "<table cellpadding=5><tr>";  
             for (var i = 0; i < myPhotos[dimension].length; i++) {  
                 html += "<td align=center valign='bottom'>";  
                 if (myPhotos[dimension][i].thumbnailURL)  
                     html += "<a href='javascript:selectImage(" + i + "," + dimension + ")'><img width='100' id='photos' src='" + myPhotos[dimension][i].photoURL + "' ></a><br>";  
                 html +="</td>";
                 
                 count++;
                 
                 if(count == 3){
                 	html += "</tr><tr>";
                 	count = 0;
                 }  
             }  
             html += "</tr></table>";  
             document.getElementById('additionalImagesContainer').innerHTML += html;  
             $("#wait1").hide();  
             dimension++;
         }  
     }   
     
     function selectImage(photoPos,dim){
     	$("#thumbnail").attr('src',myPhotos[dim][photoPos].photoURL);
     	$("#thumbnail").attr('style','margin-right:10px;');
     	$("#additionalImages").fadeOut(function(){$("#joinForm").fadeIn()});
     }
     
     function cancelAdditionalImages(){
     	$("#additionalImages").fadeOut(function(){$("#joinForm").fadeIn()});
     }
     
     function createAccount(){
     	//do ajax stuff
		var fullValid = true;
     	var allFields = $([]).add($("#firstName")).add($("#lastName")).add($("#jobTitle")).add($("#email")).add($("#company")).add($("#country")).add($("#username")).add($("#password1")).add($("#password2"));
		allFields.removeClass('ui-state-error');
		clearTips();
		
		aValid = checkLength($("#firstName"),"firstName",3,80);
		bValid = checkLength($("#lastName"),"lastName",3,80);
		cValid = checkLength($("#jobTitle"),"jobTitle",3,80);
		dValid = checkLength($("#email"),"email",6,80);
		eValid = checkLength($("#company"),"company",3,80);
		fValid = checkLength($("#country"),"country",3,80);
		gValid = checkLength($("#username"),"username",3,80);
		hValid = checkLength($("#password1"),"password1",3,80);
		iValid = checkRegexp($("#email"),/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i,"eg. ui@jquery.com");
		jValid = checkEquality($("#password1"),$("#password2"));
		
		if(
			!aValid || 
			!bValid || 
			!cValid || 
			!dValid || 
			!eValid || 
			!fValid || 
			!gValid || 
			!hValid || 
			!iValid ||
			!jValid
		){
			fullValid = false;
			$("#loadingIcon").hide();
			$("#submitBtn").show();
			$("#usernameExistDiv").hide();
			$("#emailExistDiv").hide();
		}
		
		if (fullValid) {
			$.ajax({
				type: "post",
				url: "org/services/loginServices.cfc",
				data: {
					method: "CheckLoginEmail",
					Email: $("#email").val()
				},
				dataType: "html",
				// AJAX response handler.
				success: function( objResponse ){
					//console.log("emailExist Response:" + objResponse);
					if (objResponse == 1) {
						//alert("Email already on database");
						$("#emailExistDiv").show();
						$("#loadingIcon").hide();
						$("#submitBtn").show();
					} else {
						$("#emailExistDiv").hide();
						
						$.ajax({
							type: "post",
							url: "org/services/loginServices.cfc",
							data: {
								method: "CheckLoginUsername",
								Username: $("#username").val()
							},
							dataType: "html",
							// AJAX response handler.
							success: function( objResponse ){
								//console.log("usernameExist Response:" + objResponse);
								if (objResponse == 1) {
									//alert("Username already on database");
									$("#usernameExistDiv").show();
									$("#loadingIcon").hide();
									$("#submitBtn").show();
								} else {
									$("#usernameExistDiv").hide();
									
									$.ajax({
										type: "post",
										url: "/joinpostpage.cfm",
										data: {
											FName: $("#firstName").val(),
											LName: $("#lastName").val(),
											JobTitle: $("#jobTitle").val(),
											email: $("#email").val(),
											Company: $("#company").val(),
											Country: $("#country").val(),
											username: $("#username").val(),
											password: $("#password1").val(),
											confirmPassword: $("#password2").val(),
											Action: "Signup",
											GigyaSignUp: 1,
											MemberTypeID: 1,
											ListCode:$("#ListCode").val(),
											SkySourceCode: "A.B02M1",
											FormName: "Silo Site Membership",
											OwnerOfficeCode: "1-1LLX",
											zipcode:"",
											Employees:"",
											Industry:"",
											Major:"",
											Phone:"",
											Source:$("#source").val(),
											referrer:$("#referrer").val(),
											mac:$("#MacCode").val(),
											gigyaUID:$("#UID").val()
											},
										dataType: "html",
										// AJAX response handler.
										success: function( objResponse ){
											//alert(objResponse);
											$.ajax({
												type: "post",
												url: "org/services/sessionServices.cfc",
												data: {
													method: "getMemberID"
												},
												dataType: "html",
												// AJAX response handler.
												success: function( objResponse ){
													//console.log(objResponse);
													var objSplit = objResponse.split("|");
													
													var memberID = objSplit[0];
													var gigyaUID = objSplit[objSplit.length - 1];
													
													createAccount_controller(memberID, gigyaUID);
												},
												error: function( objResponse ){
													//console.log(objResponse);
													//alert("error: getMemberID");
												}	
											});
										},
										error: function( objResponse ){
											//alert("error");
										}	
									});
								}
							},
							error: function( objResponse ){
								//console.log(objResponse);
								//alert("error: CheckLoginEmail");
							}	
						});
						
					}
				},
				error: function( objResponse ){
					//console.log(objResponse);
					//alert("error: CheckLoginEmail");
				}	
			});
		}
  	
     }
     
     function createAccount_controller(MemberID, GigyaUID){
    	if($("#step1").css('display') == 'block'){
			$("#step1").hide();
		}
		
		if($("#step2").css('display') == 'block'){
			$("#step2").hide();
		}
		
		$.ajax({
			type: "post",
			url: "org/utilities/Utilities.cfc",
			data: {
				method: "getGigyaSignature",
				UID: GigyaUID
			},
			dataType: "html",
			success: function(objResponse){
				//alert(objResponse);
				var dateStr = Math.round(new Date().getTime() / 1000.0);
				
				var nr_params = {
					siteUID: MemberID,
					timestamp: dateStr,
					//callback:printResponse,
					PendingRegistration: 'true'
				}
				gigya.services.socialize.notifyRegistration(conf, nr_params);
			},
			error: function(objResponse){
			//alert("error: getGigyaSignature");
			}
		});
		
		if ((myProvider == 'twitter') || (myProvider == 'linkedin')) {
		
			if ($("#step3").css('display') != 'block') {
				$("#step3").show();
			}

			var fs_params = {
				useHTML: 'true',
				showEditLink: 'false',
				height: 360,
				width: 400,
				containerID: 'friendsContainer',
				showCaption: 'true',
				onSelectionDone: inviteFriends,
				onClose: inviteFriends_cancel,
				UIConfig: '<config><body><captions background-color="#FFFFFF" color="#00243a"></captions><texts color="#00243a"><links color="#00243a"></links></texts><controls><scrollingarrow color="#00243a"></scrollingarrow></controls><background background-color="#FFFFFF" frame-color="#FFFFFF"></background></body></config>'
			}
			
			gigya.services.socialize.showFriendSelectorUI(conf, fs_params); 
			
		} else {
			
			if ($("#step3").css('display') != 'none') {
				$("#step3").hide();
			}
			if ($("#step4").css('display') != 'block') {
				$("#step4").show();
			}
		}
     }

     function compareNames(a, b) {
		var nameA = a.lastName.toLowerCase( );
		var nameB = b.lastName.toLowerCase( );
		if (nameA < nameB) {return -1}
		if (nameA > nameB) {return 1}
		return 0;
	}
	
	function inviteFriends(res){
		//console.log(res);
		
		var params = {  
		    recipients: res.UIDs,   
		    body: 'I created a Customer Management IQ profile where I can network with colleagues and access resources such as podcasts, video, presentations and articles as well as events such as webinars, conferences and summits. First, you need to join Customer Management IQ! It’s free. Once you join, you can also create your own profile and have access to all of this valuable content.',   
		    subject: 'Take a look at the informative content on Customer Management IQ.',  
		    callback:printResponse  
		};  
		  
		gigya.services.socialize.sendNotification(conf,params);  
		
		if($("#step1").css('display') == 'block'){
			$("#step1").hide();
		}
		
		if($("#step2").css('display') == 'block'){
			$("#step2").hide();
		}
		
		if($("#step3").css('display') == 'block'){
			$("#step3").hide();
		}
		
		if($("#step4").css('display')!= 'block'){
			$("#step4").show();
		}
	}
	
	function inviteFriends_cancel(){
		if($("#step1").css('display') == 'block'){
			$("#step1").hide();
		}
		
		if($("#step2").css('display') == 'block'){
			$("#step2").hide();
		}
		
		if($("#step3").css('display') == 'block'){
			$("#step3").hide();
		}
		
		if($("#step4").css('display')!= 'block'){
			$("#step4").show();
		}
	}

	function updateTips(t) {
		$(".validateTips")
			.html($(".validateTips").html() + '<br />' + t)
			.addClass('ui-state-highlight');
		setTimeout(function() {
			$(".validateTips").removeClass('ui-state-highlight', 1500);
		}, 500);
	}
	
	function clearTips() {
		$(".validateTips").html('');
	}
	
	function checkLength(o,n,min,max) {
		if ( o.val().length > max || o.val().length < min ) {
			o.addClass('ui-state-error');
			updateTips("Length of " + n + " must be between "+min+" and "+max+".");
			return false;
		} else {
			return true;
		}
	}
	
	function checkEquality(o,p){
		if (o.val().length < 1 || p.val().length < 1 || o.val() != p.val()){
			p.addClass('ui-state-error');
			updateTips("Passwords do not match");
			return false;
		} else {
			return true;
		}
	}
	
	function checkRegexp(o,regexp,n) {
		if ( !( regexp.test( o.val() ) ) ) {
			o.addClass('ui-state-error');
			updateTips(n);
			return false;
		} else {
			return true;
		}
	}
	
	function showWelcomeForm() {
		$('#step1').show();
		$('#titleSignUpGigya').show();
		$('#textSignUpGigya').show();
		$('#imageColumn').show();
		$('#titleSignUp').hide();
		$('#textSignUp').hide();
		$('#step2').hide();
		$.fancybox.test()
	}
	
	function showSignUpForm() {
		$('#step1').hide();
		$('#titleSignUpGigya').hide();
		$('#textSignUpGigya').hide();
		$('#imageColumn').hide();
		$('#titleSignUp').show();
		$('#textSignUp').show();
		$('#step2').show();
		$.fancybox.test()
	}
	
	function gigyaLogin(){
		$.ajax({
			type: "post",
			url: "org/controller/LoginController.cfc",
			data: {
				method: "Main",
				Action: "Login",
				MemberTypeID: 1,
				UserName: $("#UsernameGigya").val(),
				Password: $("#PasswordGigya").val()
				},
			dataType: "html",
			// AJAX response handler.
			success: function( objResponse ){
				var d = new Date();
				var dateStr = Math.round((d.getTime() / 1000));
				
				if(objResponse.search("<string>1</string>") > 0) {
					$.ajax({
						type: "post",
						url: "org/services/sessionServices.cfc",
						data: {
							method: "getMemberID"
						},
						dataType: "html",
						// AJAX response handler.
						success: function( objResponse ){
							//alert(objResponse);
							var objSplit = objResponse.split("|");
							
							var memberID = objSplit[0];
							var gigyaUID = objSplit[objSplit.length - 1];		
							
							$.ajax({
								type: "post",
								url: "org/utilities/Utilities.cfc",
								data: {
									method: "getGigyaSignature",
									UID: gigyaUID
								},
								dataType: "html",
								success: function( objResponse ){
									//alert(objResponse);
									
									var nr_params= {
										siteUID:gigyaUID,
										timestamp:dateStr,
										signature:objResponse,
										callback:printResponse
									}
									gigya.services.socialize.notifyLogin(conf, nr_params);
									window.location.reload(true);
								},
								error: function( objResponse ){
									//alert("error: getGigyaSignature");
								}	
							});
						},
						error: function( objResponse ){
							//alert("error: getMemberID login");
						}	
					});
				} else {
					alert("Your Username or Password are incorrect.");
				}
			},
			error: function( objResponse ){
				//alert("error: login");
			}	
		});
	}
	
	function gigyaForgotPassword(){
		$("#emailNotFound").hide();
		$("#emailSent").hide();
		$.ajax({
			type: "post",
			url: "org/controller/LoginController.cfc",
			data: {
				method: "EmailPassword",
				Email: $("#EmailGigya").val()
				},
			dataType: "html",
			// AJAX response handler.
			success: function(objResponse){
				if (objResponse.search("<string>1</string>") > 0) {
					$("#emailSent").show();
					$("#forgotPasswordForm").hide();
				} else {
					$("#emailNotFound").show();
				}
			},
			error: function( objResponse ){
				//alert("error: sign in");
			}
		});
	}
	
	function printResponse(res){
		//console.log(res);
	}
	
	// Create and Publish User's Action
    // This method is associated with the "btnPublishAction" click
    function showShareUI(title,description,link,action,image) {

	    // Constructing a UserAction Object
	    var act = new gigya.services.socialize.UserAction();

	    // Setting the default user message 
	    // (will be presented as default text in the edit box on the Share UI)
	    act.setUserMessage("Your comment here...");

	    // Setting the title and description 
	    // (will be presented in the preview on the Share UI)
	    act.setTitle(title);
	    act.setDescription(description);

        // Setting a link back to the publishing source
	    act.setLinkBack(link);

	    // Adding Action Link
	    act.addActionLink(action,link);

	    // Adding an image (will be presented in the preview on the Share UI)
        var image = {
            src: image,
            href: link,
            type: 'image'
        }
		act.addMediaItem(image);

		// Parameters for the showShareUI method, including the UserAction object
		var params = 
		{
		    userAction: act  // The UserAction object enfolding the newsfeed data.			                                  
		    ,onError: onError  // onError method will be summoned if an error occurs. 
			,showMoreButton: false // Enable the "More" button and screen
			,showEmailButton: true // Enable the "Email" button and screen
			,useHTML: true  // Use the HTML implementation of the Plugin (rather then Flash implementation)

		};
		
		var confShare =  
        {  
        	APIKey: '2_-_prbqCldeL-zP8J21ngoJ6YY6xB_g4RqDf78nuzFFUmzJI4mL3N1xRJhYME623F' //Dev & Live - CM
           	//APIKey: '2_Y82PzwJ_chSFImHXaIDJClnLyJzmk-VFOavSsaNTzl6m901s_NNxRAS0xJ3bd3_N' //Local
			,enabledProviders: 'facebook,twitter,yahoo,linkedin,google'
        };

		// Show the "Share" dialog
		gigya.services.socialize.showShareUI(confShare, params);

	}
	
	// onError event handler
	function onError(event) {
	   // alert('An error has occured' + ': ' + event.errorCode + '; ' + event.errorMessage);
	}