/*
* JTip
* By Cody Lindley (http://www.codylindley.com)
* Under an Attribution, Share Alike License
* JTip is built on top of the very light weight jquery library.
*/
//on page load (as soon as its ready) call JT_init
$(document).ready(JT_init);
function JT_init() {
    $("a.jTip")
		   .hover(function() { JT_show(this.href, this.id, this.name) }, function() { $('#JT').remove() })
           .click(function() { return false });
}
function hideTooltip() {
    if($('#JT') != null)
        $('#JT').remove()

}
function getScrollWidth() {
    var w = window.pageXOffset ||
           document.body.scrollLeft ||
           document.documentElement.scrollLeft;

    return w ? w : 0;
}

function getScrollHeight() {
    var h = window.pageYOffset ||
           document.body.scrollTop ||
           document.documentElement.scrollTop;

    return h ? h : 0;
}
/* Created by : atulr@ecotech : 19JAN2010
Purpose    : To display tooltips on Outside pages. Mainly on Index page. */
function JT_show(url, linkId, index) {
    var de = document.documentElement;
    var w = self.innerWidth || (de && de.clientWidth) || document.body.clientWidth;
    var h = self.innerHeight || (de && de.clientHeight) || document.body.clientHeight;

    if (document.getElementById("ctl00_cphMain_InstantHelp1_hidHelp") != null) {
        if (document.getElementById("ctl00_cphMain_InstantHelp1_hidHelp").value == 0)
            return;
    }
    var tool = sTip[index];

    var hasArea = w - getAbsoluteLeft(linkId);
    var clickElementy = getAbsoluteTop(linkId) - 3; //set y position        
    var queryString = url.replace(/^[^\?]+\??/, '');
    var params = parseQuery(queryString);
    if (params['width'] === undefined) { params['width'] = 203 };
    if (params['link'] !== undefined) {
        $('#' + linkId).bind('click', function() { window.location = params['link'] });
        $('#' + linkId).css('cursor', 'pointer');
    }

    // To resolve IE6 issue; Will add IFrame inside the DIV.
    var n, nv, n6;
    n = navigator.userAgent.toLowerCase(),
    nv = navigator.appVersion;
    n6 = parseFloat(nv.substring(nv.indexOf("MSIE") + 5)); 
       
    if (navigator.platform == "Win16") var os = "Windows 3.1";
    if (navigator.platform == "Mac") os = "MacOS";
    if (navigator.platform == "Win32") os = "Windows 95 or above";
    if (navigator.platform == "Win64") os = "Windows NT 5.1.2600";

    //document.write("Operating system is " + os);
   
    var _1 = getScrollHeight();
    //alert(_1);
    if (hasArea > ((params['width'] * 1) + 75)) {
        if (hasArea > (document.getElementById(linkId).offsetWidth + (params['width'] * 1) + 75)) {
            var arrowOffset = getElementWidth(linkId) / 2;
            var clickElementx = getAbsoluteLeft(linkId); //set x position
            var _elementHeight = (document.getElementById(linkId).clientHeight) || document.getElementById(linkId).offsetHeight;
            var _scrollTop = window.pageYOffset || document.documentElement || document.documentElement.scrollTop || document.body || document.body.scrollTop;
            if (_scrollTop - (clickElementy - h) > 251) {
                clickElementy = getAbsoluteTop(linkId) - 3; //set y position            
                
                if(n6 <= 6)
                    $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_lft'><div class='arwtl' style='left:" + 25 + "px; top: -18px;'></div><div class='tt_top_lft'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
                else
                    $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_lft'><div class='arwtl' style='left:" + 25 + "px; top: -18px;'></div><div class='tt_top_lft'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
                    
                $('#JT').css({ left: ((clickElementx + 20)) + "px", top: (clickElementy + _elementHeight + 15) + "px" });
            }
            else {
                if (linkId == 'one') {
                    //$("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_lft'><div class='arwtl_lt' style='left:" + 25 + "px; top: 69px;'></div><div class='tt_top_lft'>" + tool + "</div></div></div>"); //right side
                    //$('#JT').css({ left: ((clickElementx + 20)) + "px", top: (clickElementy - _elementHeight + 90) + "px" });

                    if (os == 'MacOS') {
                        if( n6 <= 6)
                            $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_lft'><div class='arwtl_lt' style='left:" + 25 + "px; top: 93px;'></div><div class='tt_top_lft'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
                        else
                           $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_lft'><div class='arwtl_lt' style='left:" + 25 + "px; top: 93px;'></div><div class='tt_top_lft'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
                       
                        $('#JT').css({ left: ((clickElementx + 20)) + "px", top: (clickElementy - _elementHeight + 80) + "px" });
                    }
                    else {
                            if (n6 <= 6)
                                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_lft'><div class='arwtl_lt' style='left:" + 25 + "px; top: 69px;'></div><div class='tt_top_lft'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
                            else
                                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_lft'><div class='arwtl_lt' style='left:" + 25 + "px; top: 69px;'></div><div class='tt_top_lft'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
                                
                            $('#JT').css({ left: ((clickElementx + 20)) + "px", top: (clickElementy - _elementHeight + 90) + "px" });
                    }                                                          
                }
                else
                    if (linkId == 'five') {
                        //$("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_lft'><div class='arwtl_lt' style='left:" + 25 + "px; top: 55px;'></div><div class='tt_top_lft'>" + tool + "</div></div></div>"); //right side
                        //$('#JT').css({ left: ((clickElementx + 20)) + "px", top: (clickElementy - _elementHeight + 102) + "px" });
                        if (os == 'MacOS') {
                            if (n6 <= 6)
                                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_lft'><div class='arwtl_lt' style='left:" + 25 + "px; top: 79px;'></div><div class='tt_top_lft'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
                            else
                                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_lft'><div class='arwtl_lt' style='left:" + 25 + "px; top: 79px;'></div><div class='tt_top_lft'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
                                
                            $('#JT').css({ left: ((clickElementx + 20)) + "px", top: (clickElementy - _elementHeight + 92) + "px" });
                        }
                        else {
                                if (n6 <= 6)
                                    $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_lft'><div class='arwtl_lt' style='left:" + 25 + "px; top: 55px;'></div><div class='tt_top_lft'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
                                else
                                    $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_lft'><div class='arwtl_lt' style='left:" + 25 + "px; top: 55px;'></div><div class='tt_top_lft'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
                                    
                                $('#JT').css({ left: ((clickElementx + 20)) + "px", top: (clickElementy - _elementHeight + 102) + "px" });
                        }
                }
                else {                
                    //$("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_lft'><div class='arwtl_lt' style='left:" + 25 + "px; top: 69px;'></div><div class='tt_top_lft'>" + tool + "</div></div></div>"); //right side
                    //$('#JT').css({ left: ((clickElementx + 20)) + "px", top: (clickElementy - _elementHeight + 90) + "px" });
                    if (os == 'MacOS') {
                       
                        if(n6 <= 6)
                            $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_lft'><div class='arwtl_lt' style='left:" + 25 + "px; top: 91px;'></div><div class='tt_top_lft'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
                        else
                            $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_lft'><div class='arwtl_lt' style='left:" + 25 + "px; top: 91px;'></div><div class='tt_top_lft'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
                            
                        $('#JT').css({ left: ((clickElementx + 20)) + "px", top: (clickElementy - _elementHeight + 80) + "px" });
                    }
                    else {
                            if (n6 <= 6)
                                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_lft'><div class='arwtl_lt' style='left:" + 25 + "px; top: 69px;'></div><div class='tt_top_lft'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
                            else
                                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_lft'><div class='arwtl_lt' style='left:" + 25 + "px; top: 69px;'></div><div class='tt_top_lft'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
                                
                            $('#JT').css({ left: ((clickElementx + 20)) + "px", top: (clickElementy - _elementHeight + 90) + "px" });
                    }
                }                
            }
        }
        else {                       
            var _elementHeight = (document.getElementById(linkId).clientHeight) || document.getElementById(linkId).offsetHeight;
            var _scrollTop = window.pageYOffset || document.documentElement || document.documentElement.scrollTop || document.body || document.body.scrollTop;
            if (_scrollTop - (clickElementy - h) > 245) {
                if (n6 <= 6)
                    $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_rgt'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
                else                    
                    $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_rgt'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side                
                
                if (w < 1025)
                    $('#JT').css({ right: (hasArea - 120 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + _elementHeight + 15) + "px" });
                else
                    $('#JT').css({ right: (hasArea - 110 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + _elementHeight + 15) + "px" });
            }
            else {
                if (n6 <= 6)
                    $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_rgt'><div class='arwtr_rt' style='left:" + 162 + "px; top: 69px;'></div><div class='tt_top_rgt'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
                else
                    $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_rgt'><div class='arwtr_rt' style='left:" + 162 + "px; top: 69px;'></div><div class='tt_top_rgt'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
                    
                if (w < 1025)
                    $('#JT').css({ right: (hasArea - 120 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy - _elementHeight + 90) + "px" });
                else
                    $('#JT').css({ right: (hasArea - 110 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy - _elementHeight + 90) + "px" });
            }
        }                 
    }
    else {
        var _elementHeight = getScrollHeight();
        //(document.getElementById(linkId).clientHeight) || document.getElementById(linkId).offsetHeight;
        var _scrollTop = window.pageYOffset || document.documentElement || document.documentElement.scrollTop || document.body || document.body.scrollTop;
        //alert((clickElementy - _elementHeight) - h);
        //alert(h);
        if (h-(clickElementy - _elementHeight) < 255) {
            //alert('1');
            if (n6 <= 6)
                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_rgt'><div class='arwtr_rt' style='left:" + 162 + "px; top: 69px;'></div><div class='tt_top_rgt'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
            else                
                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_rgt'><div class='arwtr_rt' style='left:" + 162 + "px; top: 69px;'></div><div class='tt_top_rgt'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
            
            if (w < 1025)
                $('#JT').css({ right: (hasArea - 100 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy - 70) + "px" });
            else
                $('#JT').css({ right: (hasArea - 90 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy - 270) + "px" });           
        }
        else {
            //alert('2');
            if (n6 <= 6)
                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_rgt'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
            else
                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_rgt'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
            
            if (w < 1025)
                $('#JT').css({ right: (hasArea - 100 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + 175) + "px" });
            else
                $('#JT').css({ right: (hasArea - 90 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + 175) + "px" });

        }
        
       /*var _elementHeight = (document.getElementById(linkId).clientHeight) || document.getElementById(linkId).offsetHeight;
       var _scrollTop = window.pageYOffset || window.pageYOffset || document.documentElement || document.documentElement.scrollTop || document.body || document.body.scrollTop;
       if (_scrollTop > 230) {
           $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_rgt'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'>" + tool + "</div></div></div>"); //right side
           if (w < 1025)
               $('#JT').css({ right: (hasArea - 120 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + _elementHeight + 15) + "px" });
           else
               $('#JT').css({ right: (hasArea - 110 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + _elementHeight + 15) + "px" });
       }
       else {
           $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_rgt'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'>" + tool + "</div></div></div>"); //right side
           if (w < 1025)
               $('#JT').css({ right: (hasArea - 120 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy - _elementHeight + 90) + "px" });
           else
               $('#JT').css({ right: (hasArea - 110 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy - _elementHeight + 90) + "px" });
       } */
    }

    $('#JT').show();
}
/* Created by : atulr@ecotech : 19JAN2010
Purpose    : To display tooltips on inside pages. */
function JT_show_tool(url, linkId, index) {
    var de = document.documentElement;
    var w = self.innerWidth || (de && de.clientWidth) || document.body.clientWidth;

    if (document.getElementById("ctl00_cphMain_ucSurveyOther_hidHelp") != null) {
        if (document.getElementById("ctl00_cphMain_ucSurveyOther_hidHelp").value == 0)
            return;
    }
    else 
        if (document.getElementById("ctl00_cphMain_InstantHelp1_hidHelp") != null) {
            if (document.getElementById("ctl00_cphMain_InstantHelp1_hidHelp").value == 0)
                return;
        }

    // To resolve IE6 issue; Will add IFrame inside the DIV.
    var n, nv, n6;
    n = navigator.userAgent.toLowerCase(),
    nv = navigator.appVersion;
    n6 = parseFloat(nv.substring(nv.indexOf("MSIE") + 5)); 
     
    var tool = sTip[index];
   
    var hasArea = w - getAbsoluteLeft(linkId);
    var clickElementy = getAbsoluteTop(linkId) - 3; //set y position

    var queryString = url.replace(/^[^\?]+\??/, '');
    var params = parseQuery(queryString);
    if (params['width'] === undefined) { params['width'] = 203 };
    if (params['link'] !== undefined) {
        $('#' + linkId).bind('click', function() { window.location = params['link'] });
        $('#' + linkId).css('cursor', 'pointer');
    }
    //alert(document.getElementById(linkId).clientWidth);
    if (hasArea > ((params['width'] * 1) + 75)) {
        if (hasArea > (document.getElementById(linkId).offsetWidth + (params['width'] * 1) + 75)) {
            var arrowOffset = getElementWidth(linkId) / 2;
            var clickElementx = getAbsoluteLeft(linkId); //set x position
            if (n6 <= 6)
                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_lft'><div class='arwtl' style='left:" + 25 + "px; top: -18px;'></div><div class='tt_top_lft'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
            else                
                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_lft'><div class='arwtl' style='left:" + 25 + "px; top: -18px;'></div><div class='tt_top_lft'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
            $('#JT').css({ left: ((clickElementx - 30) + arrowOffset) + "px", top: (clickElementy + 46) + "px" });
        }
        else {
            //alert('2');
            //var clickElementx = getAbsoluteLeft(linkId) - ((params['width'] * 1) + 15); //set x position
            if (n6 <= 6)
                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_rgt'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
            else                
                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_rgt'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side

            if (w < 1025)
                $('#JT').css({ right: (hasArea - 50 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + 46) + "px" });
            else
                $('#JT').css({ right: (hasArea - 30 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + 46) + "px" });
        }
    }
    else {
        //alert('3');
        //var clickElementx = getAbsoluteLeft(linkId) - ((params['width'] * 1)); //set x position
        if (n6 <= 6)
            $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_rgt'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
        else            
            $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_rgt'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side

        if (w < 1025)
            $('#JT').css({ right: (hasArea - 50 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + 46) + "px" });
        else
            $('#JT').css({ right: (hasArea - 30 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + 46) + "px" });
    }

    $('#JT').show();
}
/* Created by : atulr@ecotech : 19JAN2010
Purpose    : To display tooltips on inside pages. */
function JT_show_tool_master(url, linkId, index) {
    var divTip = null;
    var de = document.documentElement;
    var w = self.innerWidth || (de && de.clientWidth) || document.body.clientWidth;

    if (document.getElementById("ctl00_cphResources_InstantHelp1_hidHelp") != null) {
        if (document.getElementById("ctl00_cphResources_InstantHelp1_hidHelp").value == 0)
            return;
    }
    else
        if (document.getElementById("ctl00_cphResources_ucSurveyOther_hidHelp") != null) {
            if (document.getElementById("ctl00_cphResources_ucSurveyOther_hidHelp").value == 0)
                return;
        }
        else
            if (document.getElementById("ctl00_cphMain_ucSurveyOther_hidHelp") != null) {
                if (document.getElementById("ctl00_cphMain_ucSurveyOther_hidHelp").value == 0)
                    return;
            }
            else
                if (document.getElementById("ctl00_cphMain_InstantHelp1_hidHelp") != null) {
                    if (document.getElementById("ctl00_cphMain_InstantHelp1_hidHelp").value == 0)
                        return;
                }
    
    // To resolve IE6 issue; Will add IFrame inside the DIV.        
    var n, nv, n6;

    n = navigator.userAgent.toLowerCase(),
	nv = navigator.appVersion;

    n6 = parseFloat(nv.substring(nv.indexOf("MSIE") + 5));   
        
    var tool = sTip[index];
  
    var hasArea = w - getAbsoluteLeft(linkId);
    var clickElementy = getAbsoluteTop(linkId) - 3; //set y position

    var queryString = url.replace(/^[^\?]+\??/, '');
    var params = parseQuery(queryString);
    if (params['width'] === undefined) { params['width'] = 203 };
    if (params['link'] !== undefined) {
        $('#' + linkId).bind('click', function() { window.location = params['link'] });
        $('#' + linkId).css('cursor', 'pointer');
    }
    //alert(document.getElementById(linkId).clientWidth);
    //alert(document.getElementById(linkId).clientWidth);
    if (hasArea > ((params['width'] * 1) + 75)) {
        if (hasArea > (document.getElementById(linkId).offsetWidth + (params['width'] * 1) + 75)) {
            var arrowOffset = getElementWidth(linkId) / 2;
            var clickElementx = getAbsoluteLeft(linkId); //set x position
        
         if (n6 <= 6)
            $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_lft'><div class='arwtl' style='left:" + 25 + "px; top: -18px;'></div><div class='tt_top_lft'><div class='pad_10'>" + tool + "</div></div></div></div>");
         else
    	    $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_lft'><div class='arwtl' style='left:" + 25 + "px; top: -18px;'></div><div class='tt_top_lft'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
    
            $('#JT').css({ left: ((clickElementx + 5)) + "px", top: (clickElementy + 55) + "px" });
        }
        else {
            //alert('2');
            //var clickElementx = getAbsoluteLeft(linkId) - ((params['width'] * 1) + 15); //set x position

            if (n6 <= 6)
                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_rgt'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
            else                
                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_rgt'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
            
            if(w < 1025)
                $('#JT').css({ right: (hasArea - 75 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + 55) + "px" });
            else
                $('#JT').css({ right: (hasArea - 55 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + 55) + "px" });
        }
    }
    else {
        //alert('3');        
        //var clickElementx = getAbsoluteLeft(linkId) - ((params['width'] * 1)); //set x position

        if (n6 <= 6)
            $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_rgt'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
        else            
            $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_rgt'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'><div class='pad_10'>" + tool + "</div></div></div></div>"); //right side
        
        if (w < 1025)
            $('#JT').css({ right: (hasArea - 75 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + 55) + "px" });           
        else
            $('#JT').css({ right: (hasArea - 55 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + 55) + "px" });
    }
    
    $('#JT').show();
}
function getElementWidth(objectId) {
    x = document.getElementById(objectId);
    return x.offsetWidth;
}
function getAbsoluteLeft(objectId) {
    // Get an object left position from the upper left viewport corner
    o = document.getElementById(objectId)
    oLeft = o.offsetLeft            // Get left position from the parent object
    while (o.offsetParent != null) {   // Parse the parent hierarchy up to the document element
        oParent = o.offsetParent    // Get parent object reference
        oLeft += oParent.offsetLeft // Add parent left position
        o = oParent
    }
    return oLeft
}
function getAbsoluteTop(objectId) {
    // Get an object top position from the upper left viewport corner
    o = document.getElementById(objectId)
    oTop = o.offsetTop            // Get top position from the parent object
    while (o.offsetParent != null) { // Parse the parent hierarchy up to the document element
        oParent = o.offsetParent  // Get parent object reference
        oTop += oParent.offsetTop // Add parent top position
        o = oParent
    }
    return oTop
}
function parseQuery(query) {
    var Params = new Object();
    if (!query) return Params; // return empty object
    var Pairs = query.split(/[;&]/);
    for (var i = 0; i < Pairs.length; i++) {
        var KeyVal = Pairs[i].split('=');
        if (!KeyVal || KeyVal.length != 2) continue;
        var key = unescape(KeyVal[0]);
        var val = unescape(KeyVal[1]);
        val = val.replace(/\+/g, ' ');
        Params[key] = val;
    }
    return Params;
}
function blockEvents(evt) {
    if (evt.target) {
        evt.preventDefault();
    } else {
        evt.returnValue = false;
    }
}
/* Created by : atulr@ecotech : 19JAN2010
Purpose    : To display tooltips on inside pages. */
function JT_show_preview(url, linkId, index) {
    var de = document.documentElement;
    var w = self.innerWidth || (de && de.clientWidth) || document.body.clientWidth;

    if (document.getElementById("ctl00_cphMain_ucSurveyOther_hidHelp") != null) {
        if (document.getElementById("ctl00_cphMain_ucSurveyOther_hidHelp").value == 0)
            return;
    }
    else
        if (document.getElementById("ctl00_cphMain_InstantHelp1_hidHelp") != null) {
        if (document.getElementById("ctl00_cphMain_InstantHelp1_hidHelp").value == 0)
            return;
    }

    // To resolve IE6 issue; Will add IFrame inside the DIV.
    var n, nv, n6;

    n = navigator.userAgent.toLowerCase(),
	nv = navigator.appVersion;

    n6 = parseFloat(nv.substring(nv.indexOf("MSIE") + 5));  
    
    var tool = index;

    var hasArea = w - getAbsoluteLeft(linkId);
    var clickElementy = getAbsoluteTop(linkId) - 3; //set y position

    var queryString = url.replace(/^[^\?]+\??/, '');
    var params = parseQuery(queryString);
    if (params['width'] === undefined) { params['width'] = 203 };
    if (params['link'] !== undefined) {
        $('#' + linkId).bind('click', function() { window.location = params['link'] });
        $('#' + linkId).css('cursor', 'pointer');
    }
    //alert(document.getElementById(linkId).clientWidth);
    if (hasArea > ((params['width'] * 1) + 75)) {
        if (hasArea > (document.getElementById(linkId).offsetWidth + (params['width'] * 1) + 75)) {
            var arrowOffset = getElementWidth(linkId) / 2;
            var clickElementx = getAbsoluteLeft(linkId); //set x position
            if (n6 <= 6)
                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_lft_preview'><div class='arwtl' style='left:" + 25 + "px; top: -18px;'></div><div class='tt_top_lft'>" + tool + "</div></div></div>"); //right side
            else                
                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_lft_preview'><div class='arwtl' style='left:" + 25 + "px; top: -18px;'></div><div class='tt_top_lft'>" + tool + "</div></div></div>"); //right side
            $('#JT').css({ left: ((clickElementx - 30) + arrowOffset) + "px", top: (clickElementy + 46) + "px" });
        }
        else {
            //alert('2');
            //var clickElementx = getAbsoluteLeft(linkId) - ((params['width'] * 1) + 15); //set x position

            if (n6 <= 6)
                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_rgt_preview'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'>" + tool + "</div></div></div>"); //right side
            else
                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_rgt_preview'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'>" + tool + "</div></div></div>"); //right side

            if (w < 1025)
                $('#JT').css({ right: (hasArea - 50 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + 46) + "px" });
            else
                $('#JT').css({ right: (hasArea - 30 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + 46) + "px" });
        }
    }
    else {
        //alert('3');        
        //var clickElementx = getAbsoluteLeft(linkId) - ((params['width'] * 1)); //set x position

        if (n6 <= 6)
            $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_rgt_preview'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'>" + tool + "</div></div></div>"); //right side
        else
            $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_rgt_preview'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'>" + tool + "</div></div></div>"); //right side

        if (w < 1025)
            $('#JT').css({ right: (hasArea - 50 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + 46) + "px" });
        else
            $('#JT').css({ right: (hasArea - 30 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + 46) + "px" });
    }

    $('#JT').show();
}
/* Created by : keyurv@ecotech : 02MAR2010
Purpose    : To display tooltips on language pack. */
function JT_show_lan(url, linkId, index) {
    var de = document.documentElement;
    var w = self.innerWidth || (de && de.clientWidth) || document.body.clientWidth;

    if (document.getElementById("ctl00_cphMain_ucSurveyOther_hidHelp") != null) {
        if (document.getElementById("ctl00_cphMain_ucSurveyOther_hidHelp").value == 0)
            return;
    }
    else
        if (document.getElementById("ctl00_cphMain_InstantHelp1_hidHelp") != null) {
        if (document.getElementById("ctl00_cphMain_InstantHelp1_hidHelp").value == 0)
            return;
    }

    // To resolve IE6 issue; Will add IFrame inside the DIV.
    var n, nv, n6;

    n = navigator.userAgent.toLowerCase(),
	nv = navigator.appVersion;

    n6 = parseFloat(nv.substring(nv.indexOf("MSIE") + 5)); 

    var tool = slTip[index];

    var hasArea = w - getAbsoluteLeft(linkId);
    var clickElementy = getAbsoluteTop(linkId) - 3; //set y position

    var queryString = url.replace(/^[^\?]+\??/, '');
    var params = parseQuery(queryString);
    if (params['width'] === undefined) { params['width'] = 203 };
    if (params['link'] !== undefined) {
        $('#' + linkId).bind('click', function() { window.location = params['link'] });
        $('#' + linkId).css('cursor', 'pointer');
    }
    //alert(document.getElementById(linkId).clientWidth);
    if (hasArea > ((params['width'] * 1) + 75)) {
        if (hasArea > (document.getElementById(linkId).offsetWidth + (params['width'] * 1) + 75)) {
            var arrowOffset = getElementWidth(linkId) / 2;
            var clickElementx = getAbsoluteLeft(linkId); //set x position

            if (n6 <= 6)
                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_lft'><div class='arwtl' style='left:" + 25 + "px; top: -18px;'></div><div class='tt_top_lft'>" + tool + "</div></div></div>"); //right side
            else
                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_lft'><div class='arwtl' style='left:" + 25 + "px; top: -18px;'></div><div class='tt_top_lft'>" + tool + "</div></div></div>"); //right side
                
            $('#JT').css({ left: ((clickElementx - 30) + arrowOffset) + "px", top: (clickElementy + 46) + "px" });
        }
        else {
            //alert('2');
            //var clickElementx = getAbsoluteLeft(linkId) - ((params['width'] * 1) + 15); //set x position

            if (n6 <= 6)
                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_rgt'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'>" + tool + "</div></div></div>"); //right side
            else                
                $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_rgt'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'>" + tool + "</div></div></div>"); //right side

            if (w < 1025)
                $('#JT').css({ right: (hasArea - 50 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + 46) + "px" });
            else
                $('#JT').css({ right: (hasArea - 30 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + 46) + "px" });
        }
    }
    else {
        //alert('3');        
        //var clickElementx = getAbsoluteLeft(linkId) - ((params['width'] * 1)); //set x position

        if (n6 <= 6)
            $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><iframe id='WzTtIfRm' src='javascript:false' scrolling='no' frameborder='0' style='filter:Alpha(opacity=0); width: 200px; position: absolute; top: 0px; left: 0px; display: block; background: transparent;'></iframe><div class='tooltip_rgt'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'>" + tool + "</div></div></div>"); //right side
        else            
            $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div class='tooltip_rgt'><div class='arwtr' style='left:" + 162 + "px; top: -18px;'></div><div class='tt_top_rgt'>" + tool + "</div></div></div>"); //right side

        if (w < 1025)
            $('#JT').css({ right: (hasArea - 50 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + 46) + "px" });
        else
            $('#JT').css({ right: (hasArea - 30 - (document.getElementById(linkId).offsetWidth) / 2) + "px", top: (clickElementy + 46) + "px" });
    }

    $('#JT').show();
}

/* Original Function : Please don't delete

function JT_show(url,linkId,title){
    
if(title == false)title="&nbsp;";
var de = document.documentElement;
var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	
alert(w); alert(getAbsoluteLeft(linkId));
var hasArea = w - getAbsoluteLeft(linkId);
var clickElementy = getAbsoluteTop(linkId) - 3; //set y position
	
var queryString = url.replace(/^[^\?]+\??/,'');
var params = parseQuery( queryString );
if(params['width'] === undefined){params['width'] = 250};
if(params['link'] !== undefined){
$('#' + linkId).bind('click',function(){window.location = params['link']});
$('#' + linkId).css('cursor','pointer');
}
	
if(hasArea>((params['width']*1)+75)){
$("body").append("<div id='JT' style='width:"+params['width']*1+"px'><div id='JT_arrow_left'></div><div id='JT_close_left'>"+title+"</div><div id='JT_copy'><div class='JT_loader'><div></div></div>");//right side
var arrowOffset = getElementWidth(linkId) + 11;
alert('1'+arrowOffset);
var clickElementx = getAbsoluteLeft(linkId) + arrowOffset; //set x position
}else{
$("body").append("<div id='JT' style='width:"+params['width']*1+"px'><div id='JT_arrow_right' style='left:"+((params['width']*1)+1)+"px'></div><div id='JT_close_right'>"+title+"</div><div id='JT_copy'><div class='JT_loader'><div></div></div>");//left side
var clickElementx = getAbsoluteLeft(linkId) - ((params['width']*1) + 15); //set x position
}
	
$('#JT').css({left: clickElementx+"px", top: clickElementy+"px"});
$('#JT').show();
$('#JT_copy').load(url);

}*/
