/*
* Share This Via Email or Social Handler
* Copyright (c) 2009 Andrew Greenstreet | andrewgstreet@gmail.com
* Revision: 1.0
*/

//What view is showing 1st, or now
var shareCurrentTarget;
//Is the form validated
var isVerified = false;
//Swap to the different states of the share popup
function swapShareScreens(target) {
    if (shareCurrentTarget) {
        turnOffShareScreen(shareCurrentTarget);
    }
    turnOnShareScreen(target);
    shareCurrentTarget = target;

}

//Turn off a specific share screen
function turnOffShareScreen(target) {
    var emailTab = document.getElementById("share.tab.email");
    var webTab = document.getElementById("share.tab.web");

    var targetItem;
    switch (target) {
        case "email": targetItem = $("#shareEmailContainer")[0]; targetItem.style.display = "none"; emailTab.style.fontWeight = "normal"; break;
        case "web": targetItem = $("#shareWebContainer")[0]; targetItem.style.display = "none"; webTab.style.fontWeight = "normal"; break;
        case "embed": targetItem = $("#shareEmbedContainer")[0]; targetItem.style.display = "none"; break;
        case "response": targetItem = $("#shareResponseContainer")[0]; targetItem.style.display = "none"; break;
    }
}
//Turn on a specific share screen
function turnOnShareScreen(target) {
    var emailTab = document.getElementById("share.tab.email");
    var webTab = document.getElementById("share.tab.web");

    var targetItem;
    switch (target) {
        case "email": targetItem = $("#shareEmailContainer")[0]; targetItem.style.display = "inline"; emailTab.style.fontWeight = "bold"; break;
        case "web": targetItem = $("#shareWebContainer")[0]; targetItem.style.display = "inline"; webTab.style.fontWeight = "bold"; break;
        case "embed": targetItem = $("#shareEmbedContainer")[0]; targetItem.style.display = "inline"; break;
        case "response": targetItem = $("#shareResponseContainer")[0]; targetItem.style.display = "inline"; break;
    }
}

//Called before the share form is submitted
function submitShareForm() {
	
    //return true;
    var isValid = true;
    if (!validateField($("#fromNameField")[0])) isValid = false;
    if (!validateEmail($("#yourEmailField")[0])) isValid = false;
    if (!validateField($("#friendsNameField")[0])) isValid = false;
    if (!validateEmail($("#friendsEmailField")[0])) isValid = false;

    if (isValid) {
        //$("#previewButton")[0].disbled = true;
        $("#sendButton")[0].disbled = true;
//        $("#verifyField")[0].disabled = false;
    }
    if (isValid) {
        var _fromName = $("#fromNameField").val();
        var _fromEmail = $("#yourEmailField").val();
        var _toName = $("#friendsNameField").val();
        var _toEmail = $("#friendsEmailField").val();
        var _personalMessage = $("#personalMessageField").val();
        var _vid = "";
        var _preview = $("#previewField").val();
        var _shareUrl = $("#shareUrlField").val();
    }
	
	$.post("/utils/shareHandler.php", { fromName: _fromName, fromEmail: _fromEmail, toName: _toName, toEmail: _toEmail, personalMessage: _personalMessage, vid: _vid, preview: _preview, shareUrl:_shareUrl }, shareFormSubmitCallback);
    $("#shareResponseContent").html('<img src="images/common/loading_animation.gif" />');
    showResponse();
    //return isValid;
}



//Called when the shareHandler.ashx responds
function shareFormSubmitCallback(responseText, statusText) 
{
    
	//$.fn.log(responseText);
    if ($("#previewField")[0].value == "false") {
        if (responseText == "1") {
            //Server Error
            $("#shareResponseContent").html("<p><b>There was a problem sending your message.</b></p><p><br/>Please try again later.</p>");

        } else if (responseText == "2") {
            //Invalid session
            $("#shareResponseContent").html("<p><b>Oops!</b></p><p><br/>Please check the verification number.</p>");
            //Update the verification image
            resetVerification();
        } else {
        //Success
			$("#shareResponseContent").html("<p><b>Thank you.</b></p><p><br/>Your message has been sent.</p>");
			resetForm();
        }
        //swapShareScreens("response");
        showResponse();
        
    } else {
        //Show the preview form
        var _fromName = $("#fromNameField").val();
        var _fromEmail = $("#yourEmailField").val();
        var _toName = $("#friendsNameField").val();
        var _toEmail = $("#friendsEmailField").val();
        var _personalMessage = $("#personalMessageField").val();
//        var _vid = $("#verifyField").val();
        var _preview = $("#previewField").val();
        var _shareUrl = $("#shareUrlField").val();
        
		$('#sharePreviewContent').attr("src", "/utils/sharePreview.php?fromName="+_fromName+"&fromEmail="+_fromEmail+"&toName="+_toName+"&toEmail="+_toEmail+"&personalMessage="+_personalMessage+"&vid="+_vid+"&preview="+_preview +"&shareUrl="+_shareUrl);
        $('#sharePreviewModal').modal({ closeClass: "modalClose", position: ['106px', ] });
        hideResponse();
    }
}


function showResponse() {
    $("#shareResponseContainer").show();
    $("#shareEmailContainer").hide();
}
function hideResponse() {
    $("#shareResponseContainer").hide();
    $("#shareEmailContainer").show();
}

/**  Begin Validation Functions **/

//Validates and Email field
function validateEmail(target) {
    var filter = /^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i;
    if (!filter.test(target.value) || target.value == "") {
        setFieldToInvalid(target);
        return false;
    }
    setFieldToValid(target);
    return true;
}
//Validates a text field
function validateField(target) {
    if (target.value == "") {
        setFieldToInvalid(target);
        return false;
    }
    setFieldToValid(target);
    return true;
}

function limitField(target, limit) {
    var val = target.value.toString();
    if (val.length == limit) {
        val = val.substring(0, limit);
        target.value = val;
    }
}

/** End Validation Functions **/

//Update the image in the verification field
//function resetVerification() {
//    $("#botHead")[0].src = "/utils/verificationimage.ashx?file=" + Math.random() * 10000;
//    $("#verifyField")[0].value = "";
//    $("#verificationLabel")[0].innerHTML = "Enter the number you see below*";
//    isVerified = false;
//}

function resetForm() {
    var fromEmail = $("#friendsNameField")[0].value = "";
    var toEmail = $("#friendsEmailField")[0].value = "";
	$("#personalMessageField")[0].value = "";
    //resetVerification();
}

//Turns the background of a field to pink to indicated it needs attention
function setFieldToInvalid(target) {
    target.style.backgroundColor = "#FFc6c6";
}
//Turn the background of a field to white, indicating it is good
function setFieldToValid(target) {
    target.style.backgroundColor = "#FFFFFF";
}
//Called on keychanges to the verification field
//Calls the verification handler via ajax to find out if this number if valid
function checkVerifyImage(target) {
    if (target.value.length > 4) {
        isVerified = false;
        $.post("/utils/checkVerification.ashx", { number: target.value }, checkVerifyImageCallback);
    }
}
//Callback handler for verification request.
//function checkVerifyImageCallback(results) {
//    if (results == "1") {
//        setFieldToInvalid($("#verifyField")[0]);
//        $("#verificationLabel").html("Oops! Please try again.");
//        resetVerification();
//        isVerified = false;
//    } else if (results == "2") {
//        setFieldToInvalid($("#verifyField")[0]);
//        resetVerification();
//    } else {
//        setFieldToValid($("#verifyField")[0]);
//        $("#verificationLabel").html("Verification Complete!");
//        isVerified = true;
//    }
//}
//Hide the share this container
function hideShareThis() {
    //$("#shareContainer")[0].style.display = "none";
    $("#shareContainer").fadeOut(500);
    hideResponse();
}
//Call this function to share a specific URL
function shareThisPage(pageUrl, pageTitle) {
   
    ///<summary>Main Function for Turning on the Share Window<summary>
    ///<param name="pageUrl">Optional argument for the page your wish to share</param>
    ///<param name="pageUrl">Option argument for the title of the page your wish to share</param>
    ///<returns>Nothing</returns>
    //alert("shareThisPage:" + pageUrl);
    if (!pageUrl) {
        pageUrl = window.location;
    } 
    positionShareThisPopup();
    $("#shareContainer").fadeIn(500);
    //$("#shareContainer")[0].style.display = "block";
    $("#shareUrlField")[0].value = pageUrl;
    $("#sharePageTitleField")[0].value = pageTitle;
    $("#copyURLField")[0].value = pageUrl;
}
//Call this funciton to share a specific video
function shareThisVideo(pageUrl, videoTitle) {
    //TODO Write the code for this
}
//Set the preview mode to on off.
//When set to true, callback from a form submission will show a sample of the email to be sent
//When set to false, callback from a form submission will show a success screen
function setSharePreview(isPreview) {
    $("#previewField")[0].value = isPreview;
}

function copyToClipBoard() {
//Works in IE only. For Firefox the script must be signed, which this is not.
var CopiedTxt = $("#copyURLField")[0].value;
window.clipboardData.setData("Text", CopiedTxt);
}

/**
* Postioning Functions and Handlers
*/

var dimensions = { width: 0, height: 0 };
function setDimensions() {
    if (document.documentElement) {
        dimensions.width = document.documentElement.offsetWidth;
        dimensions.height = document.documentElement.offsetHeight;
    } else if (window.innerWidth && window.innerHeight) {
        dimensions.width = window.innerWidth;
        dimensions.height = window.innerHeight;
    }
}
//User Definable Functions for Positions the Window on Browser Resize
var shareThisLeftPositionFunction;
var shareThisTopPositionFunction;
//User Definable Parameters for setting the absolute position of the form
var shareThisLeftPosition = 0;
var shareThisTopPosition = 0;

function positionShareThisPopup() {
    //Vertical Positioning Functions
    if (shareThisLeftPositionFunction) {
        setShareLeftPosition(shareThisLeftPositionFunction());
    } else if (shareThisLeftPosition) {
        setShareLeftPosition(shareThisLeftPosition);
    }
    //Horizontal Positioning Functions
    if (shareThisTopPositionFunction) {
        setShareTopPosition(shareThisTopPositionFunction());
    } else if (shareThisTopPosition) {
        setShareTopPosition(shareThisTopPosition);
    }
    //$.fn.log("Moving Share Window To: top:" + $('#shareContainer')[0].style.top + " left:" + $('#shareContainer')[0].style.left);
}

function setShareLeftPosition(nX) {
    $('#shareContainer')[0].style.left = nX + "px";
}

function setShareTopPosition(nY) {
    $('#shareContainer')[0].style.top = nY + "px";
}

/** End of Positioning Functions **/

// prepare the share form when the DOM is ready
$(document).ready(function() {
    setDimensions();
    $(window).bind('resize', function() { setDimensions(); positionShareThisPopup(); });
});