/* common content in all the template pages */
/* TODO: Need to clean up plain html */

function user_toolbar() {
    var path = './';
    if(page_is_lang_specific())
        var path = '../';
    var toolbar = $('<div><table><tbody><tr><td style=" font-size: 12px; font-family: Arial,Helvetica,sans-serif; width: 750px; vertical-align: middle;"> <div id="tb_user_after_sign_in" style="display: block;"><img src="'+path+'images/tb_welcome_icon.png" style="padding: 0px 5px 0px 15px; vertical-align: middle;"></img><span style="vertical-align: middle;"> Welcome </span> <span id="user_name" style="padding-right: 10px;"> </span><img src="'+path+'images/tb_passwd_arrow.png" style="padding-right: 1px; vertical-align: middle;"></img><span style="padding-right: 10px; display: inline;" id="tb_user_passwd"><a href="'+path+'changePassword.html" style="color: #000000; text-decoration: none;" target="_blank">Change Password</a> </span><span style="padding-left: 10px; display: inline;" id="tb_sign_out"><a href="#" style="text-decoration: none; color: #000000;" onclick="sign_out()"> Sign out </a></span></div><div id="tb_user_before_sign_in" style="display: none;"><span style="padding-left: 20px; display: inline; vertical-align: middle;">Sign in: Email Address </span><input type="text" tabindex="1" id="email" style="width: 134px; padding-right: 4px; background-color: #edf1f4; margin-bottom: 3px; vertical-align: middle;"></input><span style="padding-left: 5px; padding-right: 5px; display: inline; vertical-align: middle;"> Password </span><input type="password" tabindex="2" id="password" style="margin-bottom: 3px; width: 134px; margin-right: 5px; background-color: #edf1f4; vertical-align: middle;"></input><input type="image" tabindex="3" src="'+path+'images/tb_go_button.jpg" style="margin-bottom: 3px; vertical-align: middle; cursor:pointer;" onclick="validate_login()" alt="Submit"></input><span style="padding: 0px 0px 0px 30px;"> <a href="signup.html?frm=ForgotPassword&keepThis=true&TB_iframe=true&height=277&width=370" title="Forgot Password" class="linkstyle thickbox" style="color: #000000; vertical-align: middle;">Forgot Password</a>&nbsp;/&nbsp;<a href="signup.html?keepThis=true&TB_iframe=true&height=277&width=370" title="Sign up" class="linkstyle thickbox" style="color: #000000; vertical-align: middle;">Sign Up</a></div></td> <td style="width: 210px; text-align: right; font-size: 12px; font-family: Arial,Helvetica,sans-serif;"> <div style="float: right;"><img src="'+path+'images/tb_contact_icon.png" style="padding-right: 10px; vertical-align: middle;"></img>Contact : 91 - 9900001570 </div> </td></tr></tbody></table></div>');
    var ele = $('#tb_user_after_sign_in')[0];
    if(!ele)
        $('.tb_auth_status').append(toolbar);
}

var supported_langs = {
        "bengali"   :true,
        "gujarati"  :true,
        "hindi"     :true,
        "kannada"   :true,
        "malayalam" :true,
        "marathi"   :true,
        "nepali"    :true,
        "punjabi"   :true,
        "tamil"     :true,
        "telugu"    :true};

function page_is_lang_specific(){
    var url = window.location.pathname.split('/');
    var len = url.length;
    if(supported_langs[url[len-2].toLowerCase()])
        return true;
    return false;            
}

$(document).ready( function() {
    user_toolbar();
    var menubar_html = $('<div></div>');
    var menubar_links = [
        ['Home', 'Home', 'index.html', 'homelink'],
        ['Editor', 'Editor', 'editor.html', 'editorlink'],
        ['Demo', 'Quillpad Demo', 'demo-editor.html', 'demolink'],
        ['About Us', 'About Us', 'http://tachyon.in/aboutus.html', 'aboutuslink', true],
        ['Technical Features', 'Technical Features', 'technical.html', 'techfeatureslink'],
        ['Clients', 'Quillpad clients', 'clients.html', 'clientslink'],
        ['Free Widget', 'Quillpad Free Widget', 'free_widget.html', 'apilink'],
        ['Licensing', 'License Quillpad', 'license.html', 'licenselink'],
        ['Forum', 'Quillpad forum', 'http://quillpad.in/forum/index.php', 'forumlink', true],
        ['FAQ', 'Frequently Asked Questions', 'faq.html', 'faqlink']
        ]
    var path = './';
    if(page_is_lang_specific())
        var path = '../';

    for (i in menubar_links) {
        var link = menubar_links[i][2];
        if(page_is_lang_specific() && ( menubar_links[i][0] != 'Home' && menubar_links[i][0] != 'Demo' && menubar_links[i][0] != 'About Us'))
            link = '../'+menubar_links[i][2];
        var menu_link = $('<a></a>');
        $(menu_link).text(menubar_links[i][0]);
        $(menu_link).attr({ 'title': menubar_links[i][1], 'href':link, 'id': menubar_links[i][3] });
        $(menu_link).addClass('mainmenu');
        if (menubar_links[i][4] === true) {
            $(menu_link).attr( { 'target': '_blank' });
        }
        $(menu_link).appendTo(menubar_html);
        var transparent_img_link = $('<img src="'+path+'images/transparent-tab.gif" />');
        $(transparent_img_link).appendTo(menubar_html);
    }
    $('.menubar').append(menubar_html);


    var logo_elem = $('<div></div>');
    var img_elem = $('<a href="index.html"><img src="'+path+'images/transparent_200x77.gif" alt="quilllpad logo" style="height:77px; width:204px;" /></a>');
    $(img_elem).appendTo(logo_elem);
    $('.menubar').before($(logo_elem));
    $(logo_elem).addClass('bannerlogotop');

    /*var free_elem = $('<span id="freeimgcontainer"></span>');
    var img_elem2 = $('<img src="../images/free.png" alt="quillpad free widget" height="19" width="31" />');
    $(img_elem2).appendTo(free_elem);
    $('.bannerlogotop').before($(free_elem));*/

    $('#quillpadfooter').html('<table cellpadding="0" cellspacing="0" width="100%"><tr><td align="left" class="copyright">Copyright &copy; 2009 <a class="tachyonlink" href="http://tachyon.in/" target="_blank">Tachyon Technologies</a>. All rights reserved.</td><td align="right" class="madeinindia">Made in INDIA</td></tr></table>');
});