/*
mm_nav.js
*/
$(document).ready(function() {
	$("ul#topnav li").hover(function() { //Hover over event on list item
		$(this).css({ 'background' : 'white'}); //Add background color + image on hovered list item
		$(this).find("ul").show(); //Show the subnav
	} , function() { //on hover out...
		$(this).css({ 'background' : 'none'}); //Ditch the background
		$(this).find("ul").hide(); //Hide the subnav
	});
});

$(function() {
	var path = '/'+location.pathname.substring(1);
	if (path.indexOf("about.html")>-1) {
		$('ul#topnav li#nav_about a').css({ 'background' : 'url(/common_images/about_f2.png)'});
	}
	if (path.indexOf("services.html")>-1) {
		$('ul#topnav li#nav_services a').css({ 'background' : 'url(/common_images/services_f2.png)'});
	}
	if (path.indexOf("media.html")>-1 || path.indexOf("mobile.html")>-1 || path.indexOf("traditional.html")>-1 || path.indexOf("interactive.html")>-1) {
		$('ul#topnav li#nav_media a').css({ 'background' : 'url(/common_images/media_f2.png)'});
		$('ul#topnav li#nav_media ul#subnav_media').show();
	}
	if (path.indexOf("portfolio.html")>-1 || path.indexOf("shawcor.html")>-1 || path.indexOf("midtown.html")>-1 || path.indexOf("wendys.html")>-1 || path.indexOf("lighting.html")>-1 || path.indexOf("whichcar.html")>-1) {
		$('ul#topnav li#nav_portfolio a').css({ 'background' : 'url(/common_images/portfolio_f2.png)'});
		$('ul#topnav li#nav_portfolio ul#subnav_portfolio').show();
	}
	if (path.indexOf("contact.html")>-1) {
		$('ul#topnav li#nav_contact a').css({ 'background' : 'url(/common_images/contact_f2.png)'});
	}
});


/**
 * Slide Box : a jQuery Plug-in

(function($){
	$.fn.slideBox = function(params){
		var content = $(this).html();
		var defaults = {
			width: "100%",
			height: "200px",
			position: "bottom"			// Possible values : "top", "bottom"
		}
		
		// extending the fuction
		if(params) $.extend(defaults, params);
		
		var divPanel = $("<div class='slide-panel'>");
		var divContent = $("<div class='content'>");
	
		$(divContent).html(content);
		$(divPanel).addClass(defaults.position);
		$(divPanel).css("width", defaults.width);
		
		// centering the slide panel
		$(divPanel).css("left", (100 - parseInt(defaults.width))/2 + "%");
	
		// if position is top we're adding 
		if(defaults.position == "top")
			$(divPanel).append($(divContent));
		
		// adding buttons
		$(divPanel).append("<div class='slide-button'>Ouvrir</div>");
		$(divPanel).append("<div style='display: none' id='close-button' class='slide-button'>Fermer</div>");
		
		if(defaults.position == "bottom")
			$(divPanel).append($(divContent));
		
		$(this).replaceWith($(divPanel));
		
		// Buttons action
		$(".slide-button").click(function(){
			if($(this).attr("id") == "close-button")
				$(divContent).animate({height: "0px"}, 1000);
			else
				$(divContent).animate({height: defaults.height}, 1000);
			
			$(".slide-button").toggle();
		});
	};
})(jQuery);
 */