jQuery.noConflict();
$sf = jQuery;
if ($ == undefined) { $ = $sf; }
    
//loadScriptPopup('http://shareflake.com/Content/Scripts/sf.text.1.0.js');
var SF_TAB = {
    init: function () {
        SF_TAB.browsers();
        SF_TAB.button(); // flake-it button
        SF_TAB.email();
        SF_TAB.wordpress();
        SF_TAB.organization();
        SF_TAB.validation();
    },
    button: function () {
        // icons
        $sf("#sf-tab-icons a").hover(
		  function () {
		      $sf(this).animate({ "marginTop": "7px" }, 100);
		  },
		  function () {
		      $sf(this).animate({ "marginTop": "0px" }, 100);
		  }
		);

        // right
        if ($sf("#sf-tab").hasClass("sf-tab-right")) {
            $sf("#sf-tab").css("left", "auto");
            $sf("#sf-tab-opener").click(function (e) {
                if ($sf("#sf-tab").css("right") == "-2px")
                    $sf("#sf-tab").animate({ "right": "-342px" }, 500);
                else
                    $sf("#sf-tab").animate({ "right": "-2px" }, 500);

                return false;
            });
            $sf("#sf-tab.sf-tab-right #sf-tab-flap").hover(
			  function () {
			      $sf(this).animate({ "left": "-27px" }, 0);
			  },
			  function () {
			      $sf(this).animate({ "left": "-29px" }, 0);
			  }
			);

        }

        // left
        if ($sf("#sf-tab").hasClass("sf-tab-left")) {
            $sf("#sf-tab").css("right", "auto");
            $sf("#sf-tab-opener").click(function (e) {
                if ($sf("#sf-tab").css("left") == "-2px") {
                    $sf("#sf-tab").animate({ "left": "-342px" }, 500);
                } else {
                    $sf("#sf-tab").animate({ "left": "-2px" }, 500);
                }
                return false;
            });
            $sf("#sf-tab.sf-tab-left #sf-tab-flap").hover(
			  function () {
			      $sf(this).animate({ "right": "-27px" }, 0);
			  },
			  function () {
			      $sf(this).animate({ "right": "-29px" }, 0);
			  }
			);
        }
    },
    reposition: function (d) {
        $sf_tab = $sf("#sf-tab");
        $sf_tab_flap = $sf("#sf-tab-flap");

        $sf_tab.removeAttr("style", "");
        $sf_tab_flap.removeAttr("style", "");
        $sf_tab_flap.unbind();
        $sf("#sf-tab-icons a").unbind("hover");
        $sf_tab.unbind();
        $sf("#sf-tab-opener").unbind();
        $sf(".sf-tab-content-inner").hide();
        $sf("#sf-tab-content-1").show();
        SF_TAB.button();
    },
    email: function () {
        $sf("#sf-tab-icon-6").click(function (e) {
            $sf('#emailTabFlashMessage').css('visibility', 'hidden');
            $sf(".sf-tab-content-inner").hide();
            $sf("#sf-tab-content-2").show();
            return false;
        });
        $sf("#sf-tab-extended-email-cancel").click(function (e) {
            $('#sf-tab-extended-email-from-value').val('');
            $('#sf-tab-extended-email-to-value').val('');
            $('#sf-tab-extended-email-subject-value').val('');
            $('#sf-tab-extended-email-message-value').val('');

            $sf(".sf-tab-content-inner").hide();
            $sf("#sf-tab-content-1").show();
            return false;
        });

    },
    wordpress: function () {
        $sf("#sf-tab-icon-5").click(function (e) {
            $sf(".sf-tab-content-inner").hide();
            $sf("#sf-tab-content-4").show();
            return false;
        });
        $sf("#sf-tab-extended-wordpress-cancel").click(function (e) {
            $sf(".sf-tab-content-inner").hide();
            $sf("#sf-tab-content-1").show();
            return false;
        });
    },
    organization: function () {
        //        $sf("#sf-tab-organization-link").click(function(e) {
        //            $sf(".sf-tab-content-inner").hide();
        //            $sf("#sf-tab-content-3").show();
        //            return false;
        //        });
        $sf("#sf-tab-extended-organization-cancel").click(function (e) {
            $sf(".sf-tab-content-inner").hide();
            $sf("#sf-tab-content-1").show();
            return false;
        });
        $sf("#sf-tab-extended-organization-submit").click(function (e) {
            //$sf("#sf-tab-organization-link img").attr("src", "http://shareflake.com/Content/Images/Charity/charity-" + $sf('input[class="sf-tab-extended-organization-value"]:checked').attr('value') + ".png");

            // Fill in the organization name
            var charityId = $sf("#sf-tab input:checked").val();
            $sf("#sf-tab-organization-link img").attr("src", "http://shareflake.com/Content/Images/Charity/charity-" + charityId + ".png");
            $sf("#sf-tab-organization-header").html($sf("#sf-tab-lblcharity-" + charityId).attr("title"));
            $sf("#sf-tab-organization-text").html($sf("#sf-tab-lblcharity-" + charityId).attr("title"));

            $sf(".sf-tab-content-inner").hide();
            $sf("#sf-tab-content-1").show();
            return false;
        });
    },
    validation: function () {
        $sf("#sf-tab-form-email").submit(function (e) {
            if (!SF_TAB.validationEmail())
                return false;

            var dataString = 'flakeKey=' + sf_tab_flakeKey;
            dataString += '&flakeCondId=' + sf_tab_flakeCondId;
            var surl = document.location.href;
            dataString += '&sourceUrl=' + escape((surl.charAt(surl.length - 1, 1) == "#") ? surl.substring(0, surl.length - 1) : surl);

            var selCharity = $sf("#sf-popup input:checked").val();
            if (selCharity != undefined) {
                sf_tab_organizationId = selCharity;
            }
            dataString += '&rbOrganization=' + sf_tab_organizationId;
            dataString += '&title=' + window.parent.document.title;

            dataString += '&emailFrom=' + $sf("#sf-tab-extended-email-from-value").val();
            dataString += '&emailTo=' + $sf("#sf-tab-extended-email-to-value").val();
            dataString += '&subject=' + encodeURIComponent($sf("#sf-tab-extended-email-subject-value").val());
            dataString += '&messageText=' + encodeURIComponent($sf("#sf-tab-extended-email-message-value").val());

            $sf.ajax({
                dataType: 'jsonp',
                data: dataString,
                jsonp: 'jsonp_callback',
                url: 'http://shareflake.com/EmailClick',
                success: function (data) {
                    $('#sf-tab-extended-email-cancel').val($('#sf-tab-email-close-text').val());
                    $('#sf-tab-extended-email-to-value').val('');
                    $sf('#emailTabFlashMessage').css('visibility', 'visible');
                    $sf('#emailTabFlashMessage').html(data);
                }
            });

            return false;
        });
        $sf("#sf-tab-form-wordpress").submit(function (e) {
            return SF_TAB.validationWordpress();
        });
    },
    validationEmail: function () {

        jQueryfld = $sf("#sf-tab-extended-email-from-value");
        if (!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(jQueryfld.val()))) {
            jQueryfld.addClass("sf-tab-form-error");
            return false;
        } else {
            jQueryfld.removeClass("sf-tab-form-error");
        }
        jQueryfld = $sf("#sf-tab-extended-email-to-value");
        if (!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(jQueryfld.val()))) {
            jQueryfld.addClass("sf-tab-form-error");
            return false;
        } else {
            jQueryfld.removeClass("sf-tab-form-error");
        }
        jQueryfld = $sf("#sf-tab-extended-email-subject-value");
        if (jQueryfld.val() == '') {
            jQueryfld.addClass("sf-tab-form-error");
            return false;
        } else {
            jQueryfld.removeClass("sf-tab-form-error");
        }

        return true;
    },
    validationWordpress: function () {
        jQueryfld = $sf("#sf-tab-extended-wordpress-value");
        if (jQueryfld.val() == '') {
            jQueryfld.addClass("sf-tab-form-error");
            return false;
        } else {
            jQueryfld.removeClass("sf-tab-form-error");
        }

        return true;
    },
    browsers: function () {
        switch ($sf.browser.className) {
            case "msie6":
            case "msie7":
            case "msie8":
            case "msie9":
                $sf('head').append('<link rel="stylesheet" href="http://shareflake.com/Content/Css/sf.tab.ie.css" type="text/css" media="screen" />');
                break;
            default:
                break;
        }

    }
}


function ShowTab(percentage, type, pflakeKey, pflakeCondId, porganization, tabPos, tabCol, provisionType) {
    sf_tab_flakeKey = pflakeKey;
    sf_tab_flakeCondId = pflakeCondId;
    sf_tab_organizationId = porganization;
    var organizationImage = 'http://shareflake.com/Content/Images/' + 'Charity/charity-' + porganization + '.png';

    var divElement = document.getElementById('shareflake_tab_div');
    divElement.style.display = 'block';

    checkloadCssFile('http://shareflake.com/Content/Css/sf.tab.1.0.css');

    var surl = document.location.href;
    var sf_tab_sourceUrl = escape((surl.charAt(surl.length - 1, 1) == "#") ? surl.substring(0, surl.length - 1) : surl);
    var sf_tab_title = window.parent.document.title;

    var requestString = 'http://shareflake.com/FlakeClick/?flakeKey=' + pflakeKey + "&flakeCondId=" + pflakeCondId + "&rbOrganization=" + porganization + "&title=" + sf_tab_title + "&sourceUrl=" + sf_tab_sourceUrl + "&site=";

    var flakeHtml = "<a name='sf-tab-anchor' /><div id='sf-tab' class='sf-tab-" + tabPos + "'>";
    flakeHtml += "<div id='sf-tab-content'>";
    flakeHtml += "<div id='sf-tab-icons'>";
    flakeHtml += "<a id='sf-tab-icon-1' href='" + requestString + "facebook' target='_blank' title='Facebook'><img src='http://shareflake.com/Content/Images/Tab/sf-tab-icon-facebook.png' alt='Facebook'></a>";
    flakeHtml += "<a id='sf-tab-icon-2' href='" + requestString + "myspace' target='_blank' title='Myspace'><img src='http://shareflake.com/Content/Images/Tab/sf-tab-icon-myspace.png' alt='Myspace'></a>";
    flakeHtml += "<a id='sf-tab-icon-3' href='" + requestString + "blogger' target='_blank' title='Blogger'><img src='http://shareflake.com/Content/Images/Tab/sf-tab-icon-blogger.png' alt='Blogger'></a>";
    flakeHtml += "<a id='sf-tab-icon-4' href='" + requestString + "twitter' target='_blank' title='Twitter'><img src='http://shareflake.com/Content/Images/Tab/sf-tab-icon-twitter.png' alt='Twitter'></a>";
    flakeHtml += "<a id='sf-tab-icon-5' href='" + requestString + "wordpress&wordPressSite=' title='Wordpress'><img src='http://shareflake.com/Content/Images/Tab/sf-tab-icon-wordpress.png' alt='Wordpress'></a>";
    flakeHtml += "<a id='sf-tab-icon-6' href='" + requestString + "email' target='_blank' title='Email'><img src='http://shareflake.com/Content/Images/Tab/sf-tab-icon-email.png' alt='Email'></a>";
    flakeHtml += "</div>";

    flakeHtml += '<div id="sf-tab-content-1" class="sf-tab-content-inner">';
    flakeHtml += '<h1 id="sf-tab-title"><strong style="font-weight:bold;"><span id="binea" style="font-weight:bold;">' + percentage + " " + type + '</span> g&aring;r oavkortat till <span id="sf-tab-organization-text" style="visibility:hidden"></span></strong></h1>';
    flakeHtml += '<img src="http://shareflake.com/Content/Images/Charity/wateraid-small.png" id="sf-tab-wateraid-medium" alt="WaterAid" style="margin-top:3px;" />';
    flakeHtml += '<div id="sf-tab-text">';

    flakeHtml += '<p id="sf-tab-text-1">';
    flakeHtml += getShareDescription(provisionType, percentage + ' ' + type, 'WaterAid');
    flakeHtml += '</p>';
//    flakeHtml += '<p id="sf-tab-text-1">Tipsa om denna sida s&aring; g&aring;r ' + percentage + ' ' + type + ' till <a href="#">WaterAid</a> n&auml;r n&aring;gon blir medlem hos oss via ditt tips.</p>';
    
    flakeHtml += '<p id="sf-tab-text-2">Tack vare WaterAids arbete har &ouml;ver 14 miljoner m&auml;nniskor tillg&aring;ng till rent vatten.</p>';
    flakeHtml += '<img id="sf-tab-child" src="http://shareflake.com/Content/Images/Charity/sf-popup-child-2.png"  />';
    flakeHtml += '</div>';
//    flakeHtml += '<div id="sf-tab-organization">';
//    flakeHtml += '<p style="font-weight:bold;margin-top:40px;">F&ouml;rvald organisation:</p>';
//    flakeHtml += '<a id="sf-tab-organization-link" href="#" title="Klicka om du vill byta organisation"><img src="' + organizationImage + '" /></a>';
//    flakeHtml += '</div>';
    flakeHtml += '</div>';
    flakeHtml += '<div id="sf-tab-content-2" class="sf-tab-content-inner">';
    flakeHtml += '<h1 id="sf-tab-title"><strong style="font-weight:bold;float:left;">E-post</strong>';
    flakeHtml += '<div style="width:80%;float:right;text-align:center;">';
    flakeHtml += '<div id="emailTabFlashMessage" style="background-color:#FFF1A8;font-size:11px;visibility:hidden;">&nbsp;</div></div></h1>';
    
    flakeHtml += '<div style="clear:both;heigth:100px;display:block;">&nbsp;</div>';
    
    flakeHtml += '<form id="sf-tab-form-email" method="post" action="#binea-url">';
    flakeHtml += '<label id="sf-tab-extended-email-from-label" for="sf-tab-extended-email-from-value" style="font-weight:bold">Fr&aring;n:</label>';
    flakeHtml += '<input id="sf-tab-extended-email-from-value" class="sf-tab-extended-input" type="text" value="din e-postadress" />';

    flakeHtml += '<label id="sf-tab-extended-email-to-label" for="sf-tab-extended-email-to-value" style="font-weight:bold">Till:</label>';
    flakeHtml += '<input id="sf-tab-extended-email-to-value" class="sf-tab-extended-input" type="text" value="mottagarens e-postadress" />';
    flakeHtml += '<label id="sf-tab-extended-email-subject-label" for="sf-tab-extended-email-subject-value" style="font-weight:bold">&Auml;mne:</label>';
    flakeHtml += '<input id="sf-tab-extended-email-subject-value" class="sf-tab-extended-input" type="text" value="&auml;mne" />';
    flakeHtml += '<label id="sf-tab-extended-email-message-label"></label>';
    flakeHtml += '<textarea id="sf-tab-extended-email-message-value" class="sf-tab-extended-input">meddelande...</textarea>';
    flakeHtml += '<label id="sf-tab-extended-email-buttons-label" ></label>';
    flakeHtml += '<input id="sf-tab-extended-email-submit" title="Skicka" class="sf-tab-extended-button" type="submit" value="OK" style="margin-right:5px;" />';
    flakeHtml += '<input id="sf-tab-email-close-text" type="hidden" value="St&auml;ng" />';
    flakeHtml += '<input id="sf-tab-extended-email-cancel" title="Avbryt" class="sf-tab-extended-button" type="button" value="Avbryt" />';
    flakeHtml += '</form>';
    flakeHtml += '</div>';

    // Charities
    flakeHtml += '<div id="sf-tab-content-3" class="sf-tab-content-inner">';
    flakeHtml += '<h1 id="sf-tab-title"><strong style="font-weight:bold;">V&auml;lj hj&auml;lporganisation</strong></h1>';
    flakeHtml += '<div id="sf-tab-organizations">';

    // Organizations will be inserted here by an AJAX jsonp call

    flakeHtml += '</div>';
    flakeHtml += '<div style="text-align:center;display:block;clear:both;">';
    flakeHtml += '<input id="sf-tab-extended-organization-submit" title="Skicka" class="sf-tab-extended-button" type="submit" value="OK" style="float:none; margin-right:5px; margin-top:10px;" />';
    flakeHtml += '<input id="sf-tab-extended-organization-cancel" title="Avbryt" class="sf-tab-extended-button" type="button" value="Avbryt" style="float:none;margin-top:10px;" />';
    flakeHtml += '</div>';
    flakeHtml += '</div>';
    // End Charities

    flakeHtml += '<div id="sf-tab-content-4" class="sf-tab-content-inner">';
    flakeHtml += '<h1 id="sf-tab-title"><strong style="font-weight:bold;">Dela till Wordpress</strong></h1>';
    flakeHtml += '<form id="sf-tab-form-wordpress" method="post" action="#binea-url">';
    flakeHtml += '<label id="sf-tab-extended-wordpress-label" for="sf-tab-extended-wordpress-value" style="font-weight:bold">URL:</label>';
    flakeHtml += '<input id="sf-tab-extended-wordpress-value" class="sf-tab-extended-input" type="text" value="ange adressen till din wordpress blog" />';
    flakeHtml += '<label id="sf-tab-extended-wordpress-label2"></label>';

    flakeHtml += '<a class="sf-tab-extended-link" id="wpTabLink" href="#" target="_blank" onclick="$sf(\'#wpTabLink\').attr(\'href\',$sf(\'#sf-tab-icon-5\').attr(\'href\') + $sf(\'#sf-tab-extended-wordpress-value\').val());return true;">OK</a>';
    //flakeHtml += '<input id="sf-tab-extended-wordpress-submit" title="Skicka" class="sf-tab-extended-button" type="submit" value="OK" style="margin-right:5px;" />';
    flakeHtml += '<input id="sf-tab-extended-wordpress-cancel" title="Avbryt" class="sf-tab-extended-button" type="button" value="Avbryt" />';
    flakeHtml += '</form>';
    flakeHtml += '</div>';

    flakeHtml += '</div>'; // closing of sf-tab-content?
    flakeHtml += "<div id='sf-tab-flap' class='" + tabCol + "'><a id='sf-tab-opener' href='#'></a></div>";

    flakeHtml += "<div id='sf-tab-logo'>";
    flakeHtml += "<a href='#' id='sf-tab-shareflake-link' title='Powered by Shareflake'>Powered by Shareflake</a>";
    flakeHtml += "</div>";

    flakeHtml += "</div>";

    divElement.innerHTML = flakeHtml;
    //document.write(flakeHtml);

//    $sf.getJSON('http://shareflake.com/GetCharitiesForFlake/?flakeKey=' + sf_tab_flakeKey + '&jsonp_callback=?',
//        function(charitiesForFlake) {
//            charitiesHtml = "";
//            $sf.each(charitiesForFlake.OrganizationList, function(Key, Value) {
//                charitiesHtml += '<div class="sf-tab-organization-logo">';
//                charitiesHtml += '<label id="sf-tab-lblcharity-' + Value.Id + '" title="' + Value.Name + '"><img src="' + charitiesForFlake.BasePath + "charity-" + Value.Id + ".png" + '" width="92" height="40" alt="" />';
//                charitiesHtml += '<br />';
//                charitiesHtml += '<input type="radio" name="sf-tab-extended-organization-value" value="' + Value.Id + '" />';
//                charitiesHtml += '</label>';
//                charitiesHtml += '</div>';
//                if (Value.Id == sf_tab_organizationId) {
//                    $sf("#sf-tab-organization-header").html(Value.Name);
//                    $sf("#sf-tab-organization-text").html(Value.Name);
//                }
//                $sf("#sf-tab-organizations").html(charitiesHtml);
//            });
//        }
//    );

    SF_TAB.init();
}

var isFastened = false;

//function HideFlake() {
//    if (!isFastened) $sf("#shareflake_tab_div").css("display", "none");
//}

function ShowCharities() {
    $sf("#visa_fler").css("visibility", "hidden");
    //var output = "TEst";
    $sf.getJSON("http://shareflake.com/GetCharitiesForFlake", { flakeKey: 1 }, function(charitiesForFlake) {
        $sf.each(charitiesForFlake.OrganizationList, function(Key, Value)
        { $sf("#dropdown_charities").append($sf("<option></option>").attr("value", Value.Id).text(Value.Name)); });
        $sf("#dropdown_charities").css("visibility", "visible");
        $sf("#dropdown_charities").bind('change', function() { $sf('#img_charity').attr('src', charitiesForFlake.BasePath + $sf("#dropdown_charities").val() + '.png'); });
    });
}

function loadCssFile(filename) {
    var fileref = document.createElement("link");
    fileref.setAttribute("rel", "stylesheet");
    fileref.setAttribute("type", "text/css");
    fileref.setAttribute("href", filename);
    if (typeof fileref != "undefined")
        document.getElementsByTagName("head")[0].appendChild(fileref)
}

var filesadded = "";  //list of files already added
var sf_tab_flakeKey;
var sf_tab_flakeCondId;
var sf_tab_organizationId;

function checkloadCssFile(filename) {
    if (filesadded.indexOf("[" + filename + "]") == -1) {
        loadCssFile(filename);
        filesadded += "[" + filename + "]";
    }
}

function flakeTabClick(site) {

    var i1 = 'flakeKey=' + sf_tab_flakeKey;
    var i11 = '&flakeCondId=' + sf_tab_flakeCondId;
    //var i2 = '&sourceUrl=' + sourceUrl;
    var surl = document.location.href;
    var i2 = '&sourceUrl=' + escape((surl.charAt(surl.length - 1, 1) == "#") ? surl.substring(0, surl.length - 1) : surl);
    //var i2 = '&sourceUrl=' + (surl.indexOf("#") != -1 ? surl.substring(0, surl.indexOf("#")) : surl);

    var selCharity = $sf("#sf-tab input:checked").val();
    if (selCharity != undefined) {
        sf_tab_organizationId = selCharity;
    }
    var i3 = '&rbOrganization=' + sf_tab_organizationId;
    var i4 = '&site=' + site;
    var i5 = '&title=' + window.parent.document.title;
    var dataString = i1 + i11 + i2 + i3 + i4 + i5;

    if (site == 'wordpress') {
        dataString = dataString + '&wordPressSite=' + $sf('#wordPressSite').val();
    }

    $sf.ajax({
        dataType: 'jsonp',
        data: dataString,
        jsonp: 'jsonp_callback',
        url: 'http://shareflake.com/FlakeClick',
        success: function(data) {
            // this will never fire
        }
    });
}

function loadScriptPopup(script_filename) {
    var html_doc = document.getElementsByTagName('head').item(0);
    var js = document.createElement('script');
    js.setAttribute('language', 'javascript');
    js.setAttribute('type', 'text/javascript');
    js.setAttribute('src', script_filename);
    html_doc.appendChild(js);
    return false;
}

function getShareDescription(provisionType, provisionAmount, charity) {

    var template = 'Tipsa om den h&auml;r sidan s&aring; ger vi ' + provisionAmount + ' till ' + charity + ' n&auml;r n&aring;gon ';
    var suffix = '';

    switch (provisionType) {
        case 'order':
            suffix = 'handlar hos oss via ditt tips.';
            break;

        case 'contactus':
            suffix = 'fyller i v&aring;rt kontaktformul&auml;r via ditt tips.';
            break;

        case 'customer':
            suffix = 'blir kund hos oss via ditt tips';
            break;

        case 'member':
            suffix = 'blir medlem hos oss via ditt tips.';
            break;

        case 'interest':
            suffix = 'fyller i v&aring;r intresseanm&auml;lan via ditt tips.'
            break;

        case 'freetrial':
            suffix = 'best&auml;ller en testprodukt hos oss via ditt tips.'
            break;

        case 'newsletter':
            suffix = 'best&auml;ller v&aring;rt nyhetsbrev via ditt tips.'
            break;

        default:
            suffix = 'handlar eller registrerar sig via ditt tips';
            break;
    }

    return template + suffix;
}