$(document).ready(function() {

    $('#area1').mouseover(function() {
        $('#dhtmltooltip').show();
        $('#dhtmltooltip').text('Shop')
        $('#dhtmltooltip').css({ left: '60px'})
    });

    $('#area1').mouseout(function() {
        $('#dhtmltooltip').hide();
		$('#dhtmltooltip').css({ left: '60px'})
    });


    $('#area2').mouseover(function() {
        $('#dhtmltooltip').show();
        $('#dhtmltooltip').text('Blog')
        $('#dhtmltooltip').css({ left: '147px' })
    });

    $('#area2').mouseout(function() {
        $('#dhtmltooltip').hide();
    });


    $('#area3').mouseover(function() {
        $('#dhtmltooltip').show();
        $('#dhtmltooltip').text('Contact')
        $('#dhtmltooltip').css({ left: '250px' })
    });

    $('#area3').mouseout(function() {
        $('#dhtmltooltip').hide();
    });


    $('#area4').mouseover(function() {
        $('#dhtmltooltip').show();
        $('#dhtmltooltip').text('Press')
        $('#dhtmltooltip').css({ left: '340px' })
    });

    $('#area4').mouseout(function() {
        $('#dhtmltooltip').hide();
    });


    $('#area5').mouseover(function() {
        $('#dhtmltooltip').show();
        $('#dhtmltooltip').text('Facebook')
        $('#dhtmltooltip').css({ left: '425px' })
    });

    $('#area5').mouseout(function() {
        $('#dhtmltooltip').hide();
    });


    $('#area6').mouseover(function() {
        $('#dhtmltooltip').show();
        $('#dhtmltooltip').text('Resume')
        $('#dhtmltooltip').css({ left: '335px' })
    });

    $('#area6').mouseout(function() {
        $('#dhtmltooltip').hide();
    });


    $('#area7').mouseover(function() {
        $('#dhtmltooltip').show();
        $('#dhtmltooltip').text('Biography	')
        $('#dhtmltooltip').css({ left: '397px' })
    })

    $('#area7').mouseout(function() {
        $('#dhtmltooltip').hide();
    });


    $('#area8').mouseover(function() {
        $('#dhtmltooltip').show();
        $('#dhtmltooltip').text('Page Titles')
        $('#dhtmltooltip').css({ left: '455px' })
    });

    $('#area8').mouseout(function() {
        $('#dhtmltooltip').hide();
    });


    $('#area9').mouseover(function() {
        $('#dhtmltooltip').show();
        $('#dhtmltooltip').text('News & Blogs')
        $('#dhtmltooltip').css({ left: '518px' })
    });

    $('#area9').mouseout(function() {
        $('#dhtmltooltip').hide();
    });


    $('#area10').mouseover(function() {
        $('#dhtmltooltip').show();
        $('#dhtmltooltip').text('Contact')
        $('#dhtmltooltip').css({ left: '578px' })
    });

    $('#area10').mouseout(function() {
        $('#dhtmltooltip').hide();
    });


    $('#area11').mouseover(function() {
        $('#dhtmltooltip').show();
        $('#dhtmltooltip').text('Hit Counter')
        $('#dhtmltooltip').css({ left: '637px' })
    });

    $('#area11').mouseout(function() {
        $('#dhtmltooltip').hide();
    })


    $('#area12').mouseover(function() {
        $('#dhtmltooltip').show();
        $('#dhtmltooltip').text('Domains & SEO')
        $('#dhtmltooltip').css({ left: '693px' })
    });

    $('#area12').mouseout(function() {
        $('#dhtmltooltip').hide();
    });


    $('#area13').mouseover(function() {
        $('#dhtmltooltip').show();
        $('#dhtmltooltip').text('Contact Book')
        $('#dhtmltooltip').css({ left: '760px' })
    })

    $('#area13').mouseout(function() {
        $('#dhtmltooltip').hide();
    });


    $('#area14').mouseover(function() {
        $('#dhtmltooltip').show();
        $('#dhtmltooltip').text('Links')
        $('#dhtmltooltip').css({ left: '818px' })
    });

    $('#area14').mouseout(function() {
        $('#dhtmltooltip').hide();
    });


    $('#area15').mouseover(function() {
        $('#dhtmltooltip').show();
        $('#dhtmltooltip').text('My Account')
        $('#dhtmltooltip').css({ left: '876px' })
    });

    $('#area15').mouseout(function() {
        $('#dhtmltooltip').hide();
    });

})

// Detect Browser Script

var 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"
		}
	]

};
BrowserDetect.init();
if (BrowserDetect.browser == "Safari" && BrowserDetect.OS == "Mac") {
    includeCSS('/css/macsafari.css');
};

if (BrowserDetect.browser == "Firefox" && BrowserDetect.OS == "Mac") {
    includeCSS('/css/macfirefox.css');
};

function includeCSS(p_file) {
    var v_css = document.createElement('link');
    v_css.rel = 'stylesheet'
    v_css.type = 'text/css';
    v_css.href = p_file;
    document.getElementsByTagName('head')[0].appendChild(v_css);
}