$(document).ready(function(){
      $.Document={
        tweet : "",
        language : "de",
        ch_facebook     : 'Besuchen Sie uns auf der metapeople und metaapes Facebook-Fanpage! Alle News, alle Termine &amp; Neuigkeiten aus der meta-Welt.<br /><a href="http://www.facebook.com/metapeople" class="ext_link"><strong>Werden Sie Fan von metapeople</strong></a>',
        cn_facebook     : '进入metapeople 和metaapes的Facebook粉丝专栏看一看，所有的新闻，活动都聚集在meta世界里。<br /><a href="http://www.facebook.com/metapeople.hk" class="ext_link"><strong>现在就成为metapeople 的一员</strong></a>',        
        de_facebook     : 'Besuchen Sie uns auf der metapeople und metaapes Facebook-Fanpage! Alle News, alle Termine &amp; Neuigkeiten aus der meta-Welt.<br /><a href="http://www.facebook.com/metapeople" class="ext_link"><strong>Werden Sie Fan von metapeople</strong></a>',
        en_facebook     : 'Visit us on the metapeople and metaapes Facebook fan page! All news, all events &amp; tidings from the meta-world.<br /><a href="http://www.facebook.com/metapeople" class="ext_link"><strong>Become a fan of metapeople</strong></a>',
        hk_facebook     : 'Visit us on the metapeople and metaapes Facebook fan page! All news, all events &amp; tidings from the meta-world.<br /><a href="http://www.facebook.com/metapeople.hk" class="ext_link"><strong>Become a fan of metapeople</strong></a>',
        us_facebook     : 'Visit us on the metapeople and metaapes Facebook fan page! All news, all events &amp; tidings from the meta-world.<br /><a href="http://www.facebook.com/metapeople" class="ext_link"><strong>Become a fan of metapeople</strong></a>',        
        dyn_facebook    : 'Besuchen Sie uns auf der metapeople und metaapes Facebook-Fanpage! Alle News, alle Termine &amp; Neuigkeiten aus der meta-Welt.<br /><a href="http://www.facebook.com/metapeople" class="ext_link"><strong>Werden Sie Fan von metapeople</strong></a>',        
        de_twitterfeed : 'http://www.metapeople.com/twitter.xml',
        de_twitteracc   : 'http://www.twitter.com/metatweets',
        hk_twitterfeed : 'http://www.metapeople.com/hk_twitter.xml',
        hk_twitteracc   : 'http://twitter.com/metapeople_hk',      
        cn_twitterfeed : 'http://www.metapeople.com/hk_twitter.xml',
        cn_twitteracc   : 'http://twitter.com/metapeople_hk',      
        dyn_twitterfeed : 'http://www.metapeople.com/twitter.xml',
        dyn_twitteracc  : 'http://www.twitter.com/metatweets'    
    }

    var Panel = $("#content_box_main");
    var slider = true;
    var slidescount = 0;
    if ($('#special_navi').size() == 1){
        var slides = 7;
        $('#special').addClass('box_slide');        
    }
    else{    
        var sliderposition = 804;
        var slides = 6;
        $('.box_navi li a').eq(0).addClass('box_slide');
    }
    setupDocument();

         
    function getTweets() {    
        $.ajax({
            type        : "GET",
            async       : false,
            url         : $.Document.dyn_twitterfeed,
            dataType    : "xml",
            success     : function(xml) {        
                $.Document.tweet =  $(xml).find('item').eq(0).find('description').text();                                       
            },
            error       : function(response){   
            /*error       : function(XMLHttpRequest, textStatus, errorThrown){                  
            alert(XMLHttpRequest.statusText);*/          
            }
        })
    };


    function getUrlVars()
    {
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('/') + 1).split('/');
        for(var i = 0; i < hashes.length; i++)
        {
            hash = hashes[i].split('/');            
            vars.push(hash[0]);
            vars[hash[0]] = hash[1];
        }        
        return vars;
    }

    function checkLanguage(){
            var urlvars = getUrlVars();
            for(var i = 0; i < urlvars.length; i++)
            {
                if (urlvars[i] == 'en.html' || urlvars[i] == 'en')
                {                    
                    $.Document.language = 'en';
                    $.Document.dyn_facebook = $.Document.en_facebook;                 
                }                
                if (urlvars[i] == 'us.html' || urlvars[i] == 'us')
                {                    
                    $.Document.language = 'us';
                    $.Document.dyn_facebook = $.Document.us_facebook;                
                }
                if (urlvars[i] == 'ch.html' || urlvars[i] == 'ch')
                {                    
                    $.Document.language = 'ch';            
                    $.Document.dyn_facebook = $.Document.ch_facebook;    
                }                                
                if (urlvars[i] == 'de.html' || urlvars[i] == 'de')
                {                    
                    $.Document.language = 'de';
                    $.Document.dyn_facebook = $.Document.de_facebook;                
                }
                if (urlvars[i] == 'hk.html' || urlvars[i] == 'hk')
                {
                    $.Document.language = 'hk';
                    $.Document.dyn_twitterfeed = $.Document.hk_twitterfeed;
                    $.Document.dyn_twitteracc = $.Document.hk_twitteracc;
                    $.Document.dyn_facebook = $.Document.hk_facebook;
                }
                if (urlvars[i] == 'cn.html' || urlvars[i] == 'cn')
                {
                    $.Document.language = 'cn';
                    $.Document.dyn_twitterfeed = $.Document.cn_twitterfeed;
                    $.Document.dyn_twitteracc = $.Document.cn_twitteracc;
                    $.Document.dyn_facebook = $.Document.cn_facebook;
                }
            }
    }    
    
    function setupDocument(){
        checkLanguage();
        var url = document.URL;
        url = url.replace(/#.+$|#/g, '');
        url = url+'#';
        $(".box_navi li a, #special").attr('href',url);
        $("#metalyzer").attr('href',url);
        $("#twitter").remove();
        getTweets();
        var twitterobj = '<div id="twitter"><div id="twitter_text"><a href="'+$.Document.dyn_twitteracc+'" class="ext_link">'+$.Document.tweet+'</a><br /><a href="'+$.Document.dyn_twitteracc+'" class="ext_link"><strong>Follow us</strong></a></div></div>';
        $("#twitter_wrapper").append(twitterobj);
        
        $("#facebook").remove();
        var facebookobj = '<div id="facebook"><div id="facebook_text">'+$.Document.dyn_facebook+'</div></div>';
        $("#facebook_wrapper").append(facebookobj);                                
    };
    
    function reset_Panel(){
    //before each animation, reset to zero.
        slider = false;
        Panel.stop(true);
    };
    
       
    $(".box_navi li a, #special").click(function(){
        reset_Panel();
        $('.box_navi li a, #special').removeClass('box_slide');
        var slide_id = $(this).attr("id");
        Panel.scrollTo($("#box_"+slide_id), 1200 );
        $(this).attr("class","box_slide");
    });
    
/*******************************autoslide*************************************/
    function autoslide(){
        setTimeout(function(){
            if (slider === true){                
                if (slidescount == slides){
                    slidescount = 0; 
                    sliderposition = 0;
                    $('.box_navi li a, #special').removeClass('box_slide');
                    if (slides == 7){
                    	$('#special').eq(0).addClass('box_slide');
                    }
                    else{
                    	$('.box_navi li a').eq(0).addClass('box_slide');
                    }

                    Panel.scrollTo(slidescount*804, 1200 );
                    autoslide();
                }
                else
                {
                    $('.box_navi li a, #special').removeClass('box_slide');
					slidescount++;
                    if (slides == 7){
    	                $('.box_navi li a').eq(slidescount-1).addClass('box_slide');
                    }
                    else
                    {

	                    $('.box_navi li a').eq(slidescount).addClass('box_slide');
					}
                    
                    Panel.scrollTo(slidescount*804, 1200 );
                    autoslide();
                }                                                                                        
            }
            },11000);
    };
    autoslide();


/****************************Socialfavlets************************************/
    $("#twitter a, #facebook a").click(function(){
    	window.open($(this).attr('href'), 'new_window');
        return false;
    });

    $('#twitter, #facebook').toggle(function(){
                var pid = $(this).parent().attr("id");
                $('#'+pid).css({width:380});
                $(this).animate({width:379}, 1200, 'easeInOutCirc');                
        },
        function(){
            $(this).stop(true);
            var pid = $(this).parent().attr("id");
            $('#'+pid).css({width:380});
            $(this).animate({width:60}, 1200, 'easeInOutCirc');
            $('#'+pid).animate({width:60}, 1200, 'easeInOutCirc');
    });

    
/************************metalyter Loginform**********************************/
    function hideMetalyzerForm(){
    	$('#metalyzer_login_form').css("visibility", "hidden");
    }
    
    $('#metalyzer').click(function(){
    
    	$('#metalyzer_login_form').animate({height:140}, 500, 'easeInOutCirc');  
    	$('#metalyzer_login_form').css("visibility", "visible");
    });
        
    $("#login_close").click(function(){
    	$('#metalyzer_login_form').animate({height:0}, 500, 'easeInOutCirc', hideMetalyzerForm);  	    
    });

});