$(function() {    
	$('#Nav li.work a').addClass('selected');
	SubNav.init();
});

var SubNav = {
	/* Objects */
	SideBar: null,
	Links: null,
	List: null,
	ToggleShow: null,
	ToggleHide: null,
	
	init: function() {
		var cc = this;
		// store references
		cc.SideBar = $('#SideBar');
		cc.Links = $('#SideBar li a');	
		cc.List = $('#SideBar ul#ProjectNav');	
		cc.ToggleShow = $('#SideBar div.toggle a.show');
		cc.ToggleHide = $('#SideBar div.toggle a.hide');
		// render
		cc.events();
		cc.render();
	},
	render: function() {
		var cc = this;
		var url = document.location.toString() ;
		var parts = url.split("#");
		if(parts.length>1) {
			var anchor = parts[1];
			var trigger = $("a[href='#Project"+anchor+"']");
			trigger.click();
		}
	},
	events: function() {
		var cc = this;
		cc.Links.bind("click", function(e){
			var target = $(this).attr('href');
			$(this).append('<div class="strike"></div>');
			$(window).scrollTo(target,1000, { 
				queue: false, 
				easing: 'easeInOutQuart', 
				offset: {left: -250, top: -15},
				queue: true
					
			});
			return false;
	    });
	
		cc.Links.bind("mouseenter", function(e){
		
			if($(this).find('.strike').length<1) {
				
				
				$(this).append('<div class="strike strike-hover"></div>');
				$(this).bind("mouseleave", function(e){
					$(this).find('.strike-hover').remove();
			    });
			}
			
	    });
	
		cc.ToggleShow.click(function() {
			cc.ToggleShow.addClass('disabled');
			cc.ToggleHide.removeClass('disabled');
			cc.List.css('visibility','visible');
			return false;
		});
		
		cc.ToggleHide.click(function() {
			cc.ToggleHide.addClass('disabled');
			cc.ToggleShow.removeClass('disabled');
			cc.List.css('visibility','hidden');
			return false;
		});	
	}
};

function mediaLoad(id, img) {
	
	var div = $('#Project'+id);
	var wrapper = $(div).find('div.wrapper')
	var link = $("li a[href='#Project"+id+"']")
	$(wrapper).css('opacity',0);
	$(wrapper).css('visibility','visible');
	$(wrapper).fadeTo(500, 1);
	$(link).css('color','#dbdbdb');
	$(div).removeClass('item-loading');
}