/* 
 *	copyright Michelle Rajunov 2009
 *	www.rajunov.com
 *	created:  February 28, 2008
 *	modified: July 10, 2009
 *	
 *
 */

function styleSwitcher(){
	var currentTime = new Date();
	var hours = currentTime.getHours();
		
	if(hours > 19 || hours < 7)	$("link[title=css_colors]").attr({href : "css/style_dark.css"});
}

function styleSwitch(){
	if($("a#styleswitch").html() == 'switch to dark'){
		$("link[title=css_colors]").attr({href : "css/style_dark.css"});
		$("a#styleswitch").html('switch to light');
	}
	else{
		$("link[title=css_colors]").attr({href : "css/style_light.css"});
		$("a#styleswitch").html('switch to dark');
	}
}

function pager(){
// 
//	Pager, or image toggle inside each selected work
//
	// hide all imgs inside ul.images, show first    
    $("div.panel ul.images li").hide().filter(":first-child").show().addClass("selected");
    $("div.panel ul.pager li:first-child a").addClass("selected");

    $("div.panel ul.pager li a").click(changeImage);
    function changeImage(){
    	var selected = $('ul.nav a.selected').attr("href");
    	var index = $(selected + " ul.pager li").index($(this).parent('li')); 
    	$(selected + " ul.images li.selected").hide().removeClass("selected");
    	$(selected + " ul.images li").eq(index).show().addClass("selected");
    	
    	$(selected + " ul.pager li a.selected").removeClass("selected");
    	$(this).addClass("selected");
    }
    
}


function slider(){

//
//  "Coda Slider" for each project
//	modified from: 	http://jqueryfordesigners.com/coda-slider-effect/
//
	// set some variables
    var $panels = $('#content div.panel');
    var $container = $('#content .scrollContainer');
	$container.css('width', ($panels[0].offsetWidth + 50) * $panels.length);
    var $scroll = $('#content').css('overflow', 'hidden');
    $scroll		//before and after images
 	 	.before('<img class="scrollButtons left" src="img/scroll_left.png" />').show()
 	 	.after('<img class="scrollButtons right" src="img/scroll_right.png" />').show();
	
	// set navigation
    $('ul.nav').find('a').click(selectNav);
    function selectNav() { $(this).parents('ul:first').find('a').removeClass('selected').end().end().addClass('selected'); }
  	
  	// called onAfter, find the nav link that has this target and select the nav
    function trigger(data) {
        var el = $('ul.nav').find('a[href$="' + data.id + '"]').get(0);
        selectNav.call(el);
        	//add hash because serialScroll does not add it
        window.location.hash = $('ul.nav a.selected').attr("href");
    }

    var scrollOptions = {
        target: $scroll, // the element that has the overflow
        items: $panels,	 // relative to the target
        navigation: 'ul.nav a',
        prev: 'img.left', 
        next: 'img.right',
        axis: 'x',
		onAfter: trigger,
		//easing: swing,
        duration: 500
    };

    // serialScroll supports the indexed next and previous scroll along with hooking in to our navigation.
    // now apply localScroll to hook any other arbitrary links to trigger the effect
    $('#main').serialScroll(scrollOptions);
    $.localScroll(scrollOptions);

	// select #hash or do first one
    if (window.location.hash) {	trigger({ id : window.location.hash.substr(1) });	} 
    else {	$('ul.nav a:first').click();	}

    // if the URL has a hash, move the slider in to position, setting the duration to 1 
    // because I don't want it to scroll in the very first page load 
    scrollOptions.duration = 1;
    $.localScroll.hash(scrollOptions);

//
//	End Coda Slider Effect
//
}