/********************************************************************
    File:   
        blog.js
    Brief:  
        Implementation of JavaScript functionality for 
        the blog.html page
    Dependencies:
        jquery-1.3.2.min.js             (jQuery library)
        jquery.easing.1.2.js            (jQuery library plugin)          
        cufon-yui.js                    (font replacement tool) 
    Author:
        DigitalCavalry
    Author URI:
        http://graphicriver.net/user/DigitalCavalry
*********************************************************************/ 

// alias to jQuery library, function noConflict release control of the $ variable 
// to whichever library first implemented it
var $j = jQuery.noConflict();

/*************************************
    BROWSER DETECTING CODE
**************************************/
   
var g_browserDetect = {
    init: function () {
        this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
        this.version = this.searchVersion(navigator.userAgent)
            || this.searchVersion(navigator.appVersion)
            || "an unknown version";
        this.OS = this.searchString(this.dataOS) || "an unknown OS";
    },
    searchString: function (data) {
        for (var i=0;i<data.length;i++)    {
            var dataString = data[i].string;
            var dataProp = data[i].prop;
            this.versionSearchString = data[i].versionSearch || data[i].identity;
            if (dataString) {
                if (dataString.indexOf(data[i].subString) != -1)
                    return data[i].identity;
            }
            else if (dataProp)
                return data[i].identity;
        }
    },
    searchVersion: function (dataString) {
        var index = dataString.indexOf(this.versionSearchString);
        if (index == -1) return;
        return
parseFloat(dataString.substring(index+this.versionSearchString.length+1));
    },
    dataBrowser: [
        {
            string: navigator.userAgent,
            subString: "Chrome",
            identity: "Chrome"
        },
        {     string: navigator.userAgent,
            subString: "OmniWeb",
            versionSearch: "OmniWeb/",
            identity: "OmniWeb"
        },
        {
            string: navigator.vendor,
            subString: "Apple",
            identity: "Safari",
            versionSearch: "Version"
        },
        {
            prop: window.opera,
            identity: "Opera"
        },
        {
            string: navigator.vendor,
            subString: "iCab",
            identity: "iCab"
        },
        {
            string: navigator.vendor,
            subString: "KDE",
            identity: "Konqueror"
        },
        {
            string: navigator.userAgent,
            subString: "Firefox",
            identity: "Firefox"
        },
        {
            string: navigator.vendor,
            subString: "Camino",
            identity: "Camino"
        },
        {        // for newer Netscapes (6+)
            string: navigator.userAgent,
            subString: "Netscape",
            identity: "Netscape"
        },
        {
            string: navigator.userAgent,
            subString: "MSIE",
            identity: "Explorer",
            versionSearch: "MSIE"
        },
        {
            string: navigator.userAgent,
            subString: "Gecko",
            identity: "Mozilla",
            versionSearch: "rv"
        },
        {         // for older Netscapes (4-)
            string: navigator.userAgent,
            subString: "Mozilla",
            identity: "Netscape",
            versionSearch: "Mozilla"
        }
    ],
    dataOS : [
        {
            string: navigator.platform,
            subString: "Win",
            identity: "Windows"
        },
        {
            string: navigator.platform,
            subString: "Mac",
            identity: "Mac"
        },
        {
               string: navigator.userAgent,
               subString: "iPhone",
               identity: "iPhone/iPod"
        },
        {
            string: navigator.platform,
            subString: "Linux",
            identity: "Linux"
        }
    ]

};
// init detection
g_browserDetect.init();

/**************************
    GLOBAL FUNCTIONALITY
**************************/

// global settings
function setupGlobal()
{
    // blur focus then user click on <a> element
    $j("a").focus(function(){$j(this).blur();});
    // the same for object with id searchBoxBtn
    $j("#searchBoxBtn").focus(function(){$j(this).blur();}); 
}

/**************************
    SEARCH BOX CODE
**************************/

// if set to true search box auto play is run
var g_searchBoxAutoPlayAllowed = true;
// display animated text true/false
var g_serachBoxPlayText = true;
// text wich will be displayed by auto play function
var g_searchBoxDummyText = "type text to search..";
// current end position of text display by auto play function
var g_searchBoxTextPos = 0;
// handle of auto play search box timer
var g_searchBoxTimer = null;

// Auto play serach box function, it task is display dummy text in some time period
function searchBoxAutoPlay()
{
    // if auto play is turn off, function set timer
    // to 16 seconds and return control 
    if(false == g_searchBoxAutoPlayAllowed)
    {
        // chcek status in 16 seconds
        g_searchBoxTimer = setTimeout(searchBoxAutoPlay, 16000);
        return;
    }
    
    // get number of characters in dummy text
    var length = g_searchBoxDummyText.length;
    // move to next character
    g_searchBoxTextPos++;
    // if end of string, clean search box and return to begin 
    if(g_searchBoxTextPos > length)
    {
       $j("#searchBox").val("");
       g_searchBoxTextPos = 0;
    }
    
    // time period between character displaying in miliseconds
    var timeOut = 50;
    // if character is the last character in string,
    // we set next call function in 20 seconds, becouse we want
    // to keep all dummy text on screen longer time
    if(g_searchBoxTextPos == length)
    {
       timeOut = 20000;
    }
    // extract substring from dummy text
    var sub = g_searchBoxDummyText.substr(0, g_searchBoxTextPos);
    // set substring for search box
    $j("#searchBox").val(sub);
    // set next function call in timeOut miliseconds
    g_searchBoxTimer = setTimeout(searchBoxAutoPlay, timeOut);
} // end of function searchBoxAutoPlay

// This function setup search box, and is called only one time when page is loaded
function setupSearchBox()
{
    // set action for focus on searchbox
    $j("#searchBox").focus(
        function(){
            g_searchBoxAutoPlayAllowed = false;
            $j("#searchBox").val("");
            $j(this).css("color", "#FFF");
            clearTimeout(g_searchBoxTimer);
            });
    
    // set action for blur on searchbox
    $j("#searchBox").blur(
        function(){
            $j(this).val("");
            $j(this).css("color", "#888");
            g_searchBoxTextPos = 0;
            clearTimeout(g_searchBoxTimer); 
            g_searchBoxAutoPlayAllowed = true;    
            g_searchBoxTimer = setTimeout(searchBoxAutoPlay, 5000);
    });
            
    // clean searchbox
    $j("#searchBox").val("");
    // set auto playing
    if(g_serachBoxPlayText == true)
    {
        g_searchBoxTimer = setTimeout(searchBoxAutoPlay, 5000); 
    }
} // end of function setupSearchBox

/**************************
   COMMUNITY BUTTONS
**************************/

// function change image source for community buttons then user hover it with mouse
function setupCommunityButtons()
{
    // set hover action for flickr, twitter, facebook and rss button
    $j("#flickrBtn, #twitterBtn, #facebookBtn, #rssBtn").hover(
        function()
        {
            $j(this).css("background-position", "0px -26px");
        },
        function()
        {
            $j(this).css("background-position", "0px 0px"); 
        }
    );    
} // end of function setupCommunityButtons


/**************************
   TOOLTIP TEXT
**************************/

function setupToolTipText()
{  
    // when user move cursor on element witch class textTooltipCenterTop
    // fallowing code will be executed, one function when the mouse is move on
    // element, and one function when mouse cursor is moved out,
    //       
    $j(".textTooltipCenterTop, .textTooltipLeftTop, .textTooltipRightTop").hover(function(e)
    {
        var yoffset = -10;
        var tip = $j(this).find(".desc").html();

        // adding to page text preview container
        $j("body").append(
            "<div id='textPreview'><div id='textPreviewDesc'></div></div>");
        
        // set tip text    
        $j("#textPreviewDesc").html(tip);
        // get width off tip container
        var textToolTipWidth = $j("#textPreview").width();
                
        // check the class name, and calculate display offset
        var xoffset = 0;
        if($j(this).hasClass("textTooltipCenterTop"))
        {
            xoffset = -Math.round(textToolTipWidth/2)
        } else
        if($j(this).hasClass("textTooltipLeftTop"))
        {
            xoffset = -textToolTipWidth;
        } else
        if($j(this).hasClass("textTooltipRightTop"))
        {
            xoffset = 0;
        }                
 
        // set position of tip container and animte it
        $j("#textPreview").css("width", textToolTipWidth+"px")
            .css("left", (e.pageX + xoffset) + "px")
            .css("top", (e.pageY + yoffset - $j("#textPreview").height()) + "px")
            .css("visibility", "visible")
            .css("opacity", "0.0")
            .animate({opacity: 1.0}, 400);                                   
    },
    // when hover is out, we need to remove #textPreview container from page
    function()
    {
        $j("#textPreview").remove();
    });    
    
    // bind function to mouse move event, we move the tooltip with mouse cursor
    $j(".textTooltipCenterTop, .textTooltipLeftTop, .textTooltipRightTop").mousemove(
    function(e)
    {
        var yoffset = -10;
        var textToolTipWidth = $j("#textPreview").width();
         
        // check the class name, and calculate display offset
        var xoffset = 0;
        if($j(this).hasClass("textTooltipCenterTop"))
        {
            xoffset = -Math.round(textToolTipWidth/2)
        } else
        if($j(this).hasClass("textTooltipLeftTop"))
        {
            xoffset = -textToolTipWidth;
        } else
        if($j(this).hasClass("textTooltipRightTop"))
        {
            xoffset = 0;
        }        
        
        // set postion of tip container        
        $j("#textPreview")
            .css("top",(e.pageY + yoffset - $j("#textPreview").height()) + "px")
            .css("left",(e.pageX + xoffset) + "px");
    });
}; // end of function setupToolTipText


/**************************
   CUFON FONT REPLACEMENT
**************************/

// default cuffon text replacement 
function setupCufonFontReplacement()
{
    Cufon.replace(".commonPageTitle", {fontWeight: 300});
    Cufon.replace(".commonItemHeader", {fontWeight: 300});
    Cufon.replace(".footerTitleSpan", {fontWeight: 700});
    Cufon.replace("#headerContainer #title", {fontWeight: 700});
    Cufon.replace("#headerContainer .titleSlogan", {fontWeight: 400});
    Cufon.replace(".sidebarTabsContainer .title", {fontWeight: 700});
    Cufon.replace(".sidebarPopularContainer .header", {fontWeight: 300});
    // common styles    
    setupCufonBasicStyles();
} // end of function setupCufonFontReplacement

function setupCufonBasicStyles()
{
    Cufon.replace(".h1Thin", {fontWeight: 300});
    Cufon.replace(".h2Thin", {fontWeight: 300});
    Cufon.replace(".h3Thin", {fontWeight: 300});
    Cufon.replace(".h4Thin", {fontWeight: 300});
    Cufon.replace(".h5Thin", {fontWeight: 300});
    
    Cufon.replace(".h1Normal", {fontWeight: 400});
    Cufon.replace(".h2Normal", {fontWeight: 400});
    Cufon.replace(".h3Normal", {fontWeight: 400});
    Cufon.replace(".h4Normal", {fontWeight: 400});
    Cufon.replace(".h5Normal", {fontWeight: 400});
    
    Cufon.replace(".h1Bold", {fontWeight: 700});
    Cufon.replace(".h2Bold", {fontWeight: 700});
    Cufon.replace(".h3Bold", {fontWeight: 700});
    Cufon.replace(".h4Bold", {fontWeight: 700});
    Cufon.replace(".h5Bold", {fontWeight: 700});    
} // end of function setupCufonBasicStyles
    
/***************************************
    MAIN CODE - CALL THEN PAGE LOADED
****************************************/
       
// binding action to event onload page
$j(document).ready(
    function()
    {
        // common.js
        setupGlobal();
		setupSearchBox();
        setupCommunityButtons();            
        setupToolTipText();
        setupCufonFontReplacement();
        // this file
    }
);