//We are using $(window).load here because we want to wait until the images are loaded
$(document).ready(function() {
	//for each description div...
	$('div.description').each(function(){
		//...set the opacity to 0...
		$(this).css('opacity', 0);
		//..set width same as the image...
		$(this).css('width', $(this).siblings('img').width());
		//...get the parent (the wrapper) and set it's width same as the image width... '
		$(this).parent().css('width', $(this).siblings('img').width());
		//...set the display to block
		$(this).css('display', 'block');
	});

	$('div.portfolio-thumb').hover(function(){
		//when mouse hover over the wrapper div
		//get it's children elements with class description '
		//and show it using fadeTo
		$(this).children('.description').stop().fadeTo(200, 0.9);
	},function(){
		//when mouse out of the wrapper div
		//use fadeTo to hide the div
		$(this).children('.description').stop().fadeTo(200, 0);
	});

});  
 
$(document).ready(function() {
 
    // store url for current page as global variable
    current_page = document.location.href
 
    // apply selected states depending on current page
    if (current_page.match(/home/)) {
        $("ul.mainnav li a:eq(0)").addClass('on');
    } else if (current_page.match(/about/)) {
        $("ul.mainnav li a:eq(1)").addClass('on');
    } else if (current_page.match(/all/)) {
        $("ul.mainnav li a:eq(2)").addClass('on');
	} else if (current_page.match(/web/)) {
        $("ul.mainnav li a:eq(2)").addClass('on');
	} else if (current_page.match(/print/)) {
        $("ul.mainnav li a:eq(2)").addClass('on');
	} else if (current_page.match(/identity/)) {
        $("ul.mainnav li a:eq(2)").addClass('on');
	} else if (current_page.match(/illustration/)) {
        $("ul.mainnav li a:eq(2)").addClass('on');
    } else if (current_page.match(/contact/)) {
       $("ul.mainnav li a:eq(3)").addClass('on');
   } else if (current_page.match(/blog/)) {
        $("ul.mainnav li a:eq(4)").addClass('on');
    } else { // don't mark any nav links as selected
        $("ul.mainnav li a").removeClass('on');
    };
 
});




$("#services-overview a").attr("target", "_blank");


$(window).load(function() {
	$('#homepage-slideshow').nivoSlider({
		effect:'sliceUpDown', //Specify sets like: 'fold,fade,sliceDown'
		slices:10,
		animSpeed:900,
		pauseTime:6000,
		startSlide:0, //Set starting Slide (0 index)
		directionNav:false, //Next & Prev
		directionNavHide:true, //Only show on hover
		controlNav:true, //1,2,3...
		controlNavThumbs:false, //Use thumbnails for Control Nav
      	controlNavThumbsFromRel:false, //Use image rel for thumbs
		controlNavThumbsSearch: '.jpg', //Replace this with...
		keyboardNav:true, //Use left & right arrows
		pauseOnHover:true, //Stop animation while hovering
		manualAdvance:false, //Force manual transitions
		beforeChange: function(){},
		afterChange: function(){},
		slideshowEnd: function(){} //Triggers after all slides have been shown
	});
});

$(document).ready(function(){
						   
	$("#mps-caption, div.description, .homepage-bottom-box").click(function(){
    	window.location=$(this).find("a").attr("href");return false;
		
	});
	
	$("#mps-caption, div.description").hover(
  function () {
    $(this).addClass("caption-hover");
  },
  function () {
    $(this).removeClass("caption-hover");
  }
);
	
		$(".homepage-bottom-box").hover(
  function () {
    $(this).addClass("homepage-bottom-box-hover");
  },
  function () {
    $(this).removeClass("homepage-bottom-box-hover");
  }
);
	
		$('#mps-caption')
	.css( {backgroundPosition: "0 0"} )
	.mouseover(function(){
		$(this).stop().animate(
			{backgroundPosition:"(0 -118px)"}, 
			{duration:200})
		})
	.mouseout(function(){
		$(this).stop().animate(
			{backgroundPosition:"(0 0)"}, 
			{duration:200})
		})
	
	

}); //close doc ready 



	
var timeout         = 200;
var closetimer		= 0;
var ddmenuitem      = 0;

function navigation_open()
{	navigation_canceltimer();
	navigation_close();
	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}

function navigation_close()
{	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function navigation_timer()
{	closetimer = window.setTimeout(navigation_close, timeout);}

function navigation_canceltimer()
{	if(closetimer)
	{	window.clearTimeout(closetimer);
		closetimer = null;}}

$(document).ready(function()
{	$('.portfolio-category-navigation > li').bind('mouseover', navigation_open);
	$('.portfolio-category-navigation > li').bind('mouseout',  navigation_timer);});

document.onclick = navigation_close;