// JavaScript Document

//Both functions take the sortType parameter which is either recent or popular and flops the tab images as well as pulls in the content via ajax
//The change to a flat file instead of hitting the db is something we still need to discuss.

function switchPic(sortType){
	var picRec = document.getElementById('recent');
	var picPop = document.getElementById('popular');
	var picWH =  document.getElementById('whatshot');	
	
	if(sortType == 'recent'){
		picRec.src = '/diabetes/information/system/modules/com.gto.cms/elements/buckets/center/bb_widget/tabon_recent_blogabetes.gif';
		picPop.src = '/diabetes/information/system/modules/com.gto.cms/elements/buckets/center/bb_widget/taboff_popular_blogabetes.gif';
                picWH.src = '/diabetes/information/system/modules/com.gto.cms/elements/buckets/center/bb_widget/taboff_whatshot_blogabetes.gif';

	}
	else if(sortType == 'popular'){
		picRec.src = '/diabetes/information/system/modules/com.gto.cms/elements/buckets/center/bb_widget/taboff_recent_blogabetes.gif';
		picPop.src = '/diabetes/information/system/modules/com.gto.cms/elements/buckets/center/bb_widget/tabon_popular_blogabetes.gif';
                picWH.src = '/diabetes/information/system/modules/com.gto.cms/elements/buckets/center/bb_widget/taboff_whatshot_blogabetes.gif';
        }
	else if(sortType == 'recent_orange'){
		picRec.src = '/diabetes/information/system/modules/com.gto.cms/elements/buckets/center/bb_widget/wdgt_tabon_recent_blogabetes.gif';
		picPop.src = '/diabetes/information/system/modules/com.gto.cms/elements/buckets/center/bb_widget/wdgt_taboff_popular_blogabetes.gif';
		picWH.src =  '/diabetes/information/system/modules/com.gto.cms/elements/buckets/center/bb_widget/wdgt_taboff_whatshot_blogabetes.gif'
	}
        else if(sortType == 'popular_orange'){
		picRec.src = '/diabetes/information/system/modules/com.gto.cms/elements/buckets/center/bb_widget/wdgt_taboff_recent_blogabetes.gif';
		picPop.src = '/diabetes/information/system/modules/com.gto.cms/elements/buckets/center/bb_widget/wdgt_tabon_popular_blogabetes.gif';
		picWH.src =  '/diabetes/information/system/modules/com.gto.cms/elements/buckets/center/bb_widget/wdgt_taboff_whatshot_blogabetes.gif'
	}
        else if(sortType == 'whatshot_orange'){
		picRec.src = '/diabetes/information/system/modules/com.gto.cms/elements/buckets/center/bb_widget/wdgt_taboff_recent_blogabetes.gif';
		picPop.src = '/diabetes/information/system/modules/com.gto.cms/elements/buckets/center/bb_widget/wdgt_taboff_popular_blogabetes.gif';
		picWH.src =  '/diabetes/information/system/modules/com.gto.cms/elements/buckets/center/bb_widget/wdgt_tabon_whatshot_blogabetes.gif'
	}
	else if(sortType == 'whatshot'){
                picRec.src = '/diabetes/information/system/modules/com.gto.cms/elements/buckets/center/bb_widget/taboff_recent_blogabetes.gif';
		picPop.src = '/diabetes/information/system/modules/com.gto.cms/elements/buckets/center/bb_widget/taboff_popular_blogabetes.gif';
		picWH.src =  '/diabetes/information/system/modules/com.gto.cms/elements/buckets/center/bb_widget/tabon_whatshot_blogabetes.gif'
        }
}

function bbWidget(sortType){
	var homepage = false;

	if(sortType.match("_home")){
		var splitter = sortType.split("_home");
		sortType = splitter[0];
		var homepage = true;
	}
	
	switchPic(sortType);

	if (window.XMLHttpRequest)
        { // Mozilla, Safari, ...
           blogInfo = new XMLHttpRequest();
        }
        else if (window.ActiveXObject)
        { // IE
            try
            {
                blogInfo = new ActiveXObject("Msxml2.XMLHTTP");
            }
            catch (e)
            {
                try
                {
                    blogInfo = new ActiveXObject("Microsoft.XMLHTTP");
                }
                catch (e)
                {
                }
            }
        }

        if (!blogInfo)
        {
           alert('Your browswer does not support this functionality, we suggest you upgrade.');
        }

        blogInfo.onreadystatechange = function()
        {
            switchContents(blogInfo, sortType, homepage);
        };
               

		if(sortType == 'recent')
		{
			var pageToRef = '/diabetes-blog/bb_widget/recent.html';
		}
                else if(sortType == 'whatshot_orange')
                {
                        var pageToRef = '/diabetes-blog/bb_widget/right_convo.html';
                }
                else if(sortType == 'popular_orange')
                {
                        var pageToRef = '/diabetes-blog/bb_widget/right_popular.html';
                }
                else if(sortType == 'whatshot')
                {
                        var pageToRef = '/diabetes-blog/bb_widget/convo.html';
                }
                else if(sortType == 'popular')
                {
                        var pageToRef = '/diabetes-blog/bb_widget/popular.html';
                }
                else if(sortType == 'recent_orange')
                {
                        var pageToRef = '/diabetes-blog/bb_widget/right_recent.html';
                }
		
	
	blogInfo.open("POST", pageToRef ,true);
	blogInfo.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
	blogInfo.send(null); // we need to send the action here of whatever was clicked
}

    function switchContents(blogInfo, sortType, homepage)
    {
	var threePosts = document.getElementById("bbWidgetFill");
 	        
	if (blogInfo.readyState == 1)
	{
           // Do we want to do anything?
        }
        else if (blogInfo.readyState == 4)
        {
			
            if (blogInfo.status == 200)
            {	
                   
		if(!homepage)
		{     
                  	if(sortType != 'whatshot'){
                      		var firstThree = blogInfo.responseText.split('<span id="empty"></span>');
                      		threePosts.innerHTML = firstThree[0];
  		                           
      
		      	}
			else{
				var firstConvo = blogInfo.responseText.split('<!-- split convos -->');
				threePosts.innerHTML = firstConvo[0];
			}		
                }	
                else
                {   
                 	threePosts.innerHTML = blogInfo.responseText;

                }
            }
            else
            {
            }
        }	
    }