<!-- SBS Translate -->



 <div class="translation-links">

  <a class="english" data-lang="English"><img alt="English" title="English" src="/includes/user_fields/images/flags/f-en.gif"/></a>

  <a class="spanish" data-lang="Spanish"><img alt="Spanish" title="Spanish" src="/includes/user_fields/images/flags/f-es.gif"/></a>

  <a class="french" data-lang="French"><img alt="French" title="French" src="/includes/user_fields/images/flags/f-fr.gif"/></a>

  <a class="german" data-lang="German"><img alt="German" title="German" src="/includes/user_fields/images/flags/f-de.gif"/></a>



<div id="google_translate_element" style="display:none;"></div>

<script type="text/javascript">

  function googleTranslateElementInit() {

    new google.translate.TranslateElement({pageLanguage: 'en', autoDisplay: false},     'google_translate_element'); //remove the layout

  }

</script>



<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"     type="text/javascript"></script>

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>



<script type="text/javascript">

function triggerHtmlEvent(element, eventName)

{

    var event;

    if(document.createEvent) {

        event = document.createEvent('HTMLEvents');

        event.initEvent(eventName, true, true);

        element.dispatchEvent(event);

    }

    else {

    event = document.createEventObject();

        event.eventType = eventName;

        element.fireEvent('on' + event.eventType, event);

    }

}





       <!-- Flag click handler -->

       var jq = $.noConflict();

 jq('.translation-links a').click(function(e)

{

    e.preventDefault();

    var lang = jq(this).data('lang');

    jq('#google_translate_element select option').each(function(){

    if(jq(this).text().indexOf(lang) > -1) {

        jq(this).parent().val(jq(this).val());

        var container = document.getElementById('google_translate_element');

        var select = container.getElementsByTagName('select')[0];

        triggerHtmlEvent(select, 'change');

    }

    });

});



</script>



              <!-- SBS Translate Ende -->

.translation-links {

     text-align:right;

     position:relative;

     right:0px;

top: -250px;

 }

 .translation-links img {

    filter:alpha(opacity=100);

    -moz-opacity: 1.0;

    opacity: 1.0;

    border:0;

    cursor: pointer;

    margin-right:8px;

    height:24px;

    width:24px;

    }

.translation-links img:hover {

    filter:alpha(opacity=30);

    -moz-opacity: 0.30;

    opacity: 0.30;

    }