﻿function resetContentHeight() {
    var newSize = jQuery('#form').height();
    if (jQuery('#main').height() > newSize) {
        newSize = jQuery('#main').height();
    }
    jQuery('#content').css('height', newSize);
    setTimeout("resetContentHeight()", 100);
}

jQuery(document).ready(function() {
    if (jQuery.browser.msie) {
        jQuery('#form').css('top', 10);
    }
    resetContentHeight();

    if (jQuery('.step').length > 0) {
        var allSteps = jQuery('.step');
        jQuery('steps').css('width', (allSteps.length * 200));

        allSteps.each(function(index, thisStep) {
            jQuery(thisStep).css('float', 'left');
            jQuery(thisStep).css('padding-bottom', 15);
            if (index != (allSteps.length - 1)) {
                jQuery(thisStep).append('<br>');

                if (index != 0) {
                    var btnBack = jQuery('<a href="#" class="button">Back</a>');
                    btnBack.click(function(e) {
                        e.preventDefault();
                        var myLeft = parseInt(jQuery('#steps').css('margin-left'));
                        jQuery('#steps').animate({ 'margin-left': (myLeft + 200) });
                    });
                    btnBack.appendTo(jQuery(thisStep));
                }
                var btnContinue = jQuery('<a href="#" class="button">Continue</a>');
                btnContinue.click(function(e) {
                    e.preventDefault();
                    var myLeft = parseInt(jQuery('#steps').css('margin-left'));
                    jQuery('#steps').animate({ 'margin-left': (myLeft - 200) });
                });
                btnContinue.appendTo(jQuery(thisStep));
                jQuery(thisStep).append('<br/>');
            }
            else {
                var btnBack = jQuery('<a href="#" class="button">Back</a>');
                btnBack.click(function(e) {
                    e.preventDefault();
                    var myLeft = parseInt(jQuery('#steps').css('margin-left'));
                    jQuery('#steps').animate({ 'margin-left': (myLeft + 200) });
                });
                btnBack.appendTo(jQuery(thisStep));
                jQuery(thisStep).append('<br/>');
            }
        });
    }

});
