// JavaScript Document
$(window).load(function()
{
	//this is intended to wait for all the images to load before running the slideshow
	init_slideshow()
})

init_slideshow = function()
{
	$('#slides').cycle({
		fx:'fade',
		timeout:4000,
		pager:'#slide_navigation',
		after:update_slide_caption,
		before:fade_slide_caption
	})
	
	$('#scroller').cycle({
		fx: 'fade',  // choose your transition type, ex: fade, scrollUp, shuffle, etc...
                timeout:6000
	});
}

fade_slide_caption = function(next, previous)
{
	caption_container = $('#project_caption')
	caption_container.fadeOut('fast')
}

update_slide_caption = function(next, previous)
{
	caption_container = $('#project_caption')

	caption = $('span.slide_caption', previous)
	caption_container.fadeIn('fast')
	caption_container.html(caption.html())

}


$(function() {
    

$( "#slider-range-min" ).slider({
    range: "min",
    value: 1,
    min: 1,		
    max: 8,
    step: 1,
    slide: function( event, ui ){
        $(".forchild > *").css('display','none');
        var i = "#i"+ ui.value;
        $(i).css("display","block");
               			}});
$( "#amount" ).val( "$" + $( "#slider-range-min" ).slider( "value" ) );});

function knock_left(){
    var changImage;
    var decrem = $( "#slider-range-min" ).slider("value");
    decrem -= 1;
    if (decrem > 0) { 
        $( "#slider-range-min" ).slider("value",decrem);
        $(".forchild > *").css('display','none');
        changImage = "#i"+decrem;
        $(changImage).css("display","block");
                            }};
function knock_right(){
    var changImage;
    var decrem = $( "#slider-range-min" ).slider("value");
    var i = $( "#slider-range-min" ).slider("max");
    decrem += 1;
    if (decrem <= 8) { 
        $( "#slider-range-min" ).slider("value",decrem);
        $(".forchild > *").css('display','none');
        changImage = "#i" + decrem;
        $(changImage).css("display","block");
}};