$.fn.cycle.transitions.panRight = function($cont, $slides, opts) {
	$slides.not(':eq('+opts.currSlide+')').css({ display: 'block', 'opacity': 1 });
	opts.before.push(function(curr,next,opts,w,h,rev) {
		$(curr).css('zIndex',opts.slideCount + (!rev === true ? 1 : 0));
		$(next).css('zIndex',opts.slideCount + (!rev === true ? 0 : 1));
	});
	var w = $cont.width();        
	opts.cssBefore.left = -406;
	opts.cssBefore.top = 0;
        opts.cssBefore.height = 495;
        opts.cssBefore.width = 600;        
	opts.animIn.left = 0;
        opts.animIn.width = 600;
        opts.animOut.opacity = 0;
	opts.after.push(function(curr,next,opts,w,h,rev) {            
            $(curr).css('width',0);
	});        
};

$.fn.cycle.transitions.panLeft = function($cont, $slides, opts) {
	$slides.not(':eq('+opts.currSlide+')').css({ display: 'block', 'opacity': 1 });
	opts.before.push(function(curr,next,opts,w,h,rev) {
		$(curr).css('zIndex',opts.slideCount + (!rev === true ? 1 : 0));
		$(next).css('zIndex',opts.slideCount + (!rev === true ? 0 : 1));
	});
	var w = $cont.width();
	opts.cssBefore.left = 0;
	opts.cssBefore.top = 0;
        opts.cssBefore.height = 495;
        opts.cssBefore.width = 600;
	opts.animIn.left = -406;
        opts.animIn.width = 600;
        opts.animOut.opacity = 0;
	opts.after.push(function(curr,next,opts,w,h,rev) {
            $(curr).css('width',0);
	});
};



$(document).ready(function()
{
    $('.sf-menu').supersubs().hoverIntent().superfish({
        dropShadows: true
    });

    if ($('h4').length > 0)
    {
        var content = $('#content').html();

        $('#content').html('<ul id="index"></ul>'+content);

        $('h4').each(function(index,value)
        {
            $(this).before('<a name="heading-'+index+'></a>');
            $('#index').append('<li><a href="#heading-'+index+'">'+$(this).html()+'</a></li>');
            if (index != 0) $(this).before('<p><a href="#top">Go to top</a></p>');
        });
    }

    $('.frame').cycle({
        fx: 'panRight,panLeft',
        continuous: 1,
        pause: 1,
        speedIn: 9000,
        speedOut:2000,
        shuffle: 1,
        prev: '#prev',
        next: '#next',
        easeIn: 'linear',
        easeOut: 'linear',        
        delay: -2000,        
        sync: 1,        
        cssAfter: { opacity: 0 },        
        before: function(curr, slide, opts)
        {
            
            $('.caption').html($(this).attr('alt')).fadeIn('slow');
        },
        after: function(curr,slide,options)
        {         
           $('.caption').hide();
           slideIndex = options.currSlide;
           nextIndex = slideIndex + 1;
           prevIndex = slideIndex - 1;
           if (slideIndex == options.slideCount-1)
           {
                nextIndex = 0;
           }

           if (slideIndex == 0)
           {
                prevIndex = options.slideCount - 1;
           }           
        }
    });
        

    $("input[name='tanktype']").change(function()
    {
        if ($("input[name='tanktype']:checked").val() == "Standard")
        {
            $('#tanktype-1').show();
            $('#tanktype-2').hide();
        }
        else
        {
            $('#tanktype-1').hide();
            $('#tanktype-2').show();
        }
    });

    $('#form-standard-inlet').change(function() { var val = $(this).val(); $('#standard-inlet-overlay').attr('class','').addClass('clock-'+val);});
    $('#form-standard-inlet').keyup(function() { var val = $(this).val(); $('#standard-inlet-overlay').attr('class','').addClass('clock-'+val);});

    $('#form-standard-outlet').change(function() { var val = $(this).val(); $('#standard-outlet-overlay').attr('class','').addClass('clock-'+val);});
    $('#form-standard-outlet').keyup(function() { var val = $(this).val();  $('#standard-outlet-overlay').attr('class','').addClass('clock-'+val);});

    $('#form-standard-overflow').change(function() { var val = $(this).val(); $('#standard-overflow-overlay').attr('class','').addClass('clock-'+val); });
    $('#form-standard-overflow').keyup(function() { var val = $(this).val(); $('#standard-overflow-overlay').attr('class','').addClass('clock-'+val); });

    $('#form-slimline-inlet').change(function() { var val = $(this).val(); $('#slimline-inlet-overlay').attr('class','').addClass('clock-'+val); });
    $('#form-slimline-inlet').keyup(function() { var val = $(this).val(); $('#slimline-inlet-overlay').attr('class','').addClass('clock-'+val); });

    $('#form-slimline-outlet').change(function() { var val = $(this).val(); $('#slimline-outlet-overlay').attr('class','').addClass('clock-'+val); });
    $('#form-slimline-outlet').keyup(function() { var val = $(this).val(); $('#slimline-outlet-overlay').attr('class','').addClass('clock-'+val);});

    $('#form-slimline-overflow').change(function() { var val = $(this).val(); $('#slimline-overflow-overlay').attr('class','').addClass('clock-'+val);});
    $('#form-slimline-overflow').keyup(function() { var val = $(this).val(); $('#slimline-overflow-overlay').attr('class','').addClass('clock-'+val);});

});
Shadowbox.init();