Fuel = {
    render: function(params, trans) {
        document.write("<link rel=\"stylesheet\" href=\"http://static.fuelbrandnetwork.com/css/network/fuelnetwork.css\" type=\"text/css\" media=\"screen\" />");

        document.write('<div style="display:none;">');
        document.write('<img src="http://static.fuelbrandnetwork.com/images/network/network-dd_' + params.langcode + '.png" />');
        document.write('<img src="http://static.fuelbrandnetwork.com/images/network/network-dd-hover_' + params.langcode + '.png" />');
        document.write('<img src="http://static.fuelbrandnetwork.com/images/network/group-dd_' + params.langcode + '.png" />');
        document.write('<img src="http://static.fuelbrandnetwork.com/images/network/group-dd-hover_' + params.langcode + '.png" />');
		document.write('<img src="http://static.fuelbrandnetwork.com/images/network/network-sep.png" />');
        document.write('</div>');

        document.write('<div id="fbndd">');
        document.write('<h2 class="fbnlogo"><a href="#"></a></h2>');
        document.write('<ul id="dd">');
        if (params.active_sites.fya) { document.write('<li><a class="network_' + params.langcode + ' apps" href="http://www.fuelyourapps.com/" title="Fuel Your Apps"></a></li>'); }
		if (params.active_sites.fybl) { document.write('<li><a class="network_' + params.langcode + ' blogging" href="http://www.fuelyourblogging.com/" title="Fuel Your Blogging"></a></li>'); }
        if (params.active_sites.fyb) { document.write('<li><a class="network_' + params.langcode + ' branding" href="http://www.fuelyourbranding.com/" title="Fuel Your Branding"></a></li>'); }
        if (params.active_sites.fyco) { document.write('<li><a class="network_' + params.langcode + ' coding" href="http://www.fuelyourcoding.com/" title="Fuel Your Coding"></a></li>'); }
		if (params.active_sites.fyc) { document.write('<li><a class="network_' + params.langcode + ' creativity" href="http://www.fuelyourcreativity.com/" title="Fuel Your Creativity"></a></li>'); }
        if (params.active_sites.fyil) { document.write('<li><a class="network_' + params.langcode + ' illustration" href="http://www.fuelyourillustration.com/" title="Fuel Your Illustration"></a></li>'); }
        if (params.active_sites.fyi) { document.write('<li><a class="network_' + params.langcode + ' interface" href="http://www.fuelyourinterface.com/" title="Fuel Your Interface"></a></li>'); }
        if (params.active_sites.fyp) { document.write('<li><a class="network_' + params.langcode + ' photography" href="http://www.fuelyourphotography.com/" title="Fuel Your Photography"></a></li>'); }
		if (params.active_sites.fyv) { document.write('<li><a class="network_' + params.langcode + ' venture" href="http://www.fuelyourventure.com/" title="Fuel Your Venture"></a></li>'); }
        if (params.active_sites.fyw) { document.write('<li><a class="network_' + params.langcode + ' writing" href="http://www.fuelyourwriting.com/" title="Fuel Your Writing"></a></li>'); }
        document.write('<li><a class="seperator" href="#" title="Seperator"></a></li>');
        if (params.active_sites.fbg) { document.write('<li><a class="group_' + params.langcode + ' group" href="http://www.fuelbrandgroup.com/" title="Fuel Brand Group"></a></li>'); }
        if (params.active_sites.fbn) { document.write('<li><a class="group_' + params.langcode + ' brandnetwork" href="http://www.fuelbrandnetwork.com/" title="Fuel Brand Network"></a></li>'); }
		if (params.active_sites.fntv) { document.write('<li><a class="group_' + params.langcode + ' networktv" href="http://www.fuelnetwork.tv/" title="Fuel Network TV"></a></li>'); }
		if (params.active_sites.fbm) { document.write('<li><a class="group_' + params.langcode + ' marketplace" href="http://www.fuelbrandmarketplace.com/" title="Fuel Brand Marketplace"></a></li>'); }
        if (params.active_sites.tfl) { document.write('<li><a class="group_' + params.langcode + ' labs" href="http://www.thefuellabs.com/" title="The Fuel Labs"></a></li>'); }
        document.write('<li class="last_link"></li>');
        document.write('</ul>');
        document.write('</div>');


        document.write('<div id="fbnlang" class="lang-menu">');
        document.write('<h2><a href="javascript:return false;">' + params.lang + '</a></h2>');
        document.write('<ul id="langs">');
        if (params.active_langs.en) { document.write('<li><a href="http://fuelyourcreativity.com/">English</a></li>'); }
        if (params.active_langs.ja) { document.write('<li><a href="http://ja.fuelyourcreativity.com/">日本語</a></li>'); }
        if (params.active_langs.cn) { document.write('<li><a href="http://cn.fuelyourcreativity.com/">中文</a></li>'); }
        if (params.active_langs.es) { document.write('<li><a href="http://es.fuelyourcreativity.com/">español</a></li>'); }
        if (params.active_langs.pt) { document.write('<li><a href="http://pt.fuelyourcreativity.com/">Português</a></li>'); }
        if (params.active_langs.fr) { document.write('<li><a href="http://fr.fuelyourcreativity.com/">français</a></li>'); }
        if (params.active_langs.it) { document.write('<li><a href="http://it.fuelyourcreativity.com/">italiano</a></li>'); }
        if (params.active_langs.ru) { document.write('<li><a href="http://ru.fuelyourcreativity.com/">русский</a></li>'); }
        if (params.active_langs.ko) { document.write('<li><a href="http://ko.fuelyourcreativity.com/">한국어</a></li>'); }
        document.write('</ul>');
        document.write('</div>');

        document.write('<div id="fbncontact">');
        document.write('<h2 class="' + params.langcode + '"><a href="#"></a></h2>');
        document.write('<div class="fbncontactinner">');
        document.write('<label class="header">' + trans.name + '</label>');
        document.write('<input id="contactname" name="contactname" type="text" class="smalltext">');
        document.write('<label class="header">' + trans.email + '</label>');
        document.write('<input id="contactemail" name="contactemail" type="text" class="smalltext">');
        document.write('<label class="header">' + trans.type + '</label>');
        document.write('<div class="clearfix">');
        document.write('<p class="label_checkbox_pair">');
        document.write('<input type="checkbox" id="contactquestion" name="contactquestion" value="question" />');
        document.write('<label for="contactquestion">' + trans.question + '</label>');
        document.write('</p>');
        document.write('<p class="label_checkbox_pair">');
        document.write('<input type="checkbox" id="contactsiteproblem" name="contactsiteproblem" value="siteproblem" />');
        document.write('<label for="contactsiteproblem">' + trans.problem + '</label>');
        document.write('</p>');
        document.write('<p class="label_checkbox_pair">');
        document.write('<input type="checkbox" id="contactpartnership" name="contactpartnership" value="partnership" />');
        document.write('<label for="contactpartnership">' + trans.partnership + '</label>');
        document.write('</p>');
        document.write('<p class="label_checkbox_pair">');
        document.write('<input type="checkbox" id="contactpress" name="contactpress" value="press" />');
        document.write('<label for="contactpress">' + trans.press + '</label>');
        document.write('</p>');
        document.write('<p class="label_checkbox_pair">');
        document.write('<input type="checkbox" id="contactsuggestion" name="contactsuggestion" vales="suggestion" />');
        document.write('<label for="contactsuggestion">' + trans.suggestion + '</label>');
        document.write('</p>');
        document.write('<p class="label_checkbox_pair">');
        document.write('<input type="checkbox" id="contactfeedback" name="contactfeedback" value="feedback" />');
        document.write('<label for="contactfeedback">' + trans.feedback + '</label>');
        document.write('</p>');
        document.write('</div>');
        document.write('<label class="header somespacing">' + trans.message + '</label>');
        document.write('<textarea id="contactmessage" name="contactmessage" rows="4" cols="40" class="largetext"></textarea>');
        document.write('<button type="submit" id="contactsubmit">' + trans.submit + '</button>');
        document.write('</div>');
        document.write('</div>');
        this.done();
    },
    done: function() {
        $(document).ready(function() {
            $("#fbndd").hoverIntent({
                sensitivity: 7,
                interval: 50,
                over: showNetwork,
                timeout: 300,
                out: hideNetwork
            });
            function showNetwork() {
                var menu = $(this);
                menu.children("#dd").slideDown();
            }
            function hideNetwork() {
                var menu = $(this);
                menu.children("#dd").slideUp();
            }
            $('#fbncontact').hoverIntent({
                sensitivity: 7,
                interval: 50,
                over: showContact,
                timeout: 300,
                out: hideContact
            });
            function showContact() {
                var menu = $(this);
                menu.children(".fbncontactinner").slideDown();
            }
            function hideContact() {
                var menu = $(this);
                menu.children(".fbncontactinner").slideUp();
            }
            $('#fbnlang').hoverIntent({
                sensitivity: 7,
                interval: 50,
                over: showLangs,
                timeout: 300,
                out: hideLangs
            });
            function showLangs() {
                var menu = $(this);
                menu.children("#langs").slideDown();
            }
            function hideLangs() {
                var menu = $(this);
                menu.children("#langs").slideUp();
            }
            $("#contactsubmit").click(function() {
                Fuel.postContact(fuel_params, fuel_trans);
            });
        });
    },
    postContact: function(params, trans) {
        var hasError = false;
        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

        var emailFromVal = $("#contactemail").val();
        if (emailFromVal == '') { $("#contactemail").css("border", "2px solid #ad1f22"); hasError = true; } else if (!emailReg.test(emailFromVal)) { $("#contactemail").css("border", "2px solid #ad1f22"); hasError = true; }

        var messageVal = $("#contactmessage").val();
        if (messageVal == '') { $("#contactmessage").css("border", "2px solid #ad1f22"); hasError = true; }

        var nameVal = $("#contactname").val();
        if (nameVal == '') { $("#contactname").css("border", "2px solid #ad1f22"); hasError = true; }

        if (hasError == false) {
            messageVal = messageVal
            + " <br/>Name: " + nameVal
            + " <br/>Options:   <br/>Question: " + $('#contactquestion').attr('checked')
            + " <br/>Site Problem: " + $('#contactsiteproblem').attr('checked')
            + " <br/>Partnership: " + $('#contactpartnership').attr('checked')
            + " <br/>Press: " + $('#contactpress').attr('checked')
            + " <br/>Suggestion: " + $('#contactsuggestion').attr('checked')
            + " <br/>Feedback: " + $('#contactfeedback').attr('checked');
			
            $.post("contact-us/sendemail.php",
               { emailTo: 'support@fuelbrandgroup.zendesk.com', emailFrom: emailFromVal, subject: params.site, message: messageVal },
                    function(data) {
                    alert(trans.submitted);
                        Fuel.clearForm($('#fbncontact'));
                        $("#contactmessage").css("border", "medium none");
                        $("#contactname").css("border", "medium none");
                        $("#contactemail").css("border", "medium none");
                        $(".fbncontactinner").slideUp("normal");
                    }
            );
        }
        return false;
    },
    clearForm: function(form) {
        $(':input', form).each(function() {
            var type = this.type;
            var tag = this.tagName.toLowerCase();
            if (type == 'text' || type == 'password' || tag == 'textarea')
                this.value = "";
            else if (type == 'checkbox' || type == 'radio')
                this.checked = false;
            else if (tag == 'select')
                this.selectedIndex = -1;
        });
    }
}
Fuel.render(fuel_params, fuel_trans);