document.write('<div id="thumbhint"><div id="thumbtext">click here</div></div>');
document.write('<div id="bloghint"><img src="images/blogbutton.gif"/></div>');
PreLoad = new Array();
PreLoad[0] = new Image(); 
PreLoad[0].src = "/images/button_cell_a.gif";
PreLoad[1] = new Image(); 
PreLoad[1].src = "/images/thumbhint.gif";
PreLoad[2] = new Image(); 
PreLoad[2].src = "/images/blogbutton.gif";


$(document).ready(function()
{
	$(".lightbox").bind("mouseover",function(){
        $(this).animate({opacity: 0.5},200,'',function(){
            $(this).animate({opacity: 1.0},200);
            });
        });


	//PORTFOLIO HINT CODE
	$(".portfolio-thumb").bind("mouseover",function(){
        	var offsetposition = $(this).offset();
        	var clientname = $(this).attr('title');
        	$("#thumbhint").css('display', 'block');
        	$("#thumbhint").css('left', offsetposition.left-6);
        	$("#thumbhint").css('top', offsetposition.top-12);
        	$("#thumbtext").text(clientname);
       });
	$(".portfolio-thumb").bind("mouseout",function(){
        	$("#thumbhint").css('display', 'none');
       });
	//PORTFOLIO HINT CODE END
	
	//BLOG HINT CODE
	$(".blogbutton").bind("mouseover",function(){
        	var offsetposition = $(".social").offset();
        	$("#bloghint").css('display', 'block');
        	$("#bloghint").css('left', offsetposition.left-6);
        	$("#bloghint").css('top', offsetposition.top-52);
       });
	$(".blogbutton").bind("mouseout",function(){
        	$("#bloghint").css('display', 'none');
       });
	//BLOG HINT CODE END
	
	$(".mainmenu a").bind("mouseover",function(){
        $(this).animate({opacity: 0.4},300,'',function(){
            $(this).animate({opacity: 1.0},300);
        });
    });
	
	$(".buttoncell").bind("mouseover",function(){
            $(this).css('background-image', 'url(images/button_cell_a.gif)');
    });
	$(".buttoncell").bind("mouseout",function(){
            $(this).css('background-image', 'url(images/button_cell.gif)');
    });
	


});