function LoadImage(url,colorcode,description)
{
	section1 = document.getElementById('inner_left');
	//section2 = document.getElementById('portfolio');
	//textfield = document.getElementById('picture_text');
	mypicture = document.getElementById('pictureframe');
	
	//Load Information
	section1.style.backgroundColor=colorcode;
	//section2.style.backgroundColor=colorcode;
	//textfield.innerHTML=description;
	mypicture.src=url;
}
function ShowPortfolio()
{
	divportfolio = document.getElementById('portfoliodiv');
	divcolor = document.getElementById('colordiv');
	divservices = document.getElementById('servicesdiv');
	linkportfolio = document.getElementById('portfoliolink');
	linkcolor = document.getElementById('colorlink');
	linkservices = document.getElementById('serviceslink');
	linkportfolio.className = "dd_hover";
	linkcolor.className = "blank";
	linkservices.className = "blank";
	divcolor.style.visibility="hidden";
	divservices.style.visibility="hidden";
	divportfolio.style.visibility="visible";
}
function ShowColor()
{
	divportfolio = document.getElementById('portfoliodiv');
	divcolor = document.getElementById('colordiv');
	divservices = document.getElementById('servicesdiv');	
	linkportfolio = document.getElementById('portfoliolink');
	linkcolor = document.getElementById('colorlink');
	linkservices = document.getElementById('serviceslink');	
	linkportfolio.className = "blank";
	linkcolor.className = "dd_hover";
	linkservices.className = "blank";	
	divcolor.style.visibility="visible";
	divportfolio.style.visibility="hidden";
	divservices.style.visibility="hidden";	
}
function ShowServices()
{
	divportfolio = document.getElementById('portfoliodiv');
	divcolor = document.getElementById('colordiv');
	divservices = document.getElementById('servicesdiv');	
	linkportfolio = document.getElementById('portfoliolink');
	linkcolor = document.getElementById('colorlink');
	linkservices = document.getElementById('serviceslink');	
	linkportfolio.className = "blank";
	linkcolor.className = "blank";
	linkservices.className = "dd_hover";	
	divcolor.style.visibility="hidden";
	divportfolio.style.visibility="hidden";
	divservices.style.visibility="visible";	
}
function HideAll()
{
	divportfolio = document.getElementById('portfoliodiv');
	divcolor = document.getElementById('colordiv');
	divservices = document.getElementById('servicesdiv');	
	linkportfolio = document.getElementById('portfoliolink');
	linkcolor = document.getElementById('colorlink');
	linkservices = document.getElementById('serviceslink');	
	linkportfolio.className = "blank";
	linkcolor.className = "blank";
	linkservices.className = "blank";	
	divcolor.style.visibility="hidden";
	divportfolio.style.visibility="hidden";
	divservices.style.visibility="hidden";		
}
$(document).ready(function(){                                                                                                                                  

    $(".portfolio_thumb").bind("mouseover",function(){
        $(this).animate({opacity: 0.5},200,'',function(){
            $(this).animate({opacity: 1.0},200);
        });
    });
	    $(".thumb_frame").bind("mouseover",function(){
        $(this).animate({opacity: 0.5},200,'',function(){
            $(this).animate({opacity: 1.0},200);
        });
    });
});
function LoadPortfolio(id)
{
	$(".portfoliozone").fadeOut(400, function(){
		$("#portfoliozone_" + id).fadeIn(400);
		$(".pager_text").css("font-weight","normal");
		$(".pager_text").css("text-decoration","underline");
		$(".pager_text_"+id).css("text-decoration","none");
		$(".pager_text_"+id).css("font-weight","bold");
	});
}