jQuery(document).ready(function() {

    jQuery('img[state=natural]').bind('mouseover', function() {

        // Get Id
        var imgId = jQuery(this).attr('name');

        // Hide Natural
        jQuery('#nat' + imgId).css('display', 'none');

        // Show Hover        
        jQuery('#hov' + imgId).css('display', 'inline');

    });

    jQuery('img[state=hover]').bind('mouseout', function() {

        // Get Id
        var imgId = jQuery(this).attr('name');

        // Hide Hover
        jQuery('#hov' + imgId).css('display', 'none');

        // Show Natural
        jQuery('#nat' + imgId).css('display', 'inline');

    });

    var footerHeight = jQuery('#footerSubContainer').height();
    if (footerHeight < 264) { jQuery('#footerSubContainer').height(264) }


    // Gallery

    var currentImage = 1;
    var MaxImages = Number(jQuery('#galleryContainer').attr('images'));
	var timerID;

    jQuery('#moveGalleryBackward').bind('click', function() {

        HideImage(currentImage);

        currentImage = currentImage - 1;

        EnableDisableButtons();

        ChangeImage(currentImage);

    });

    jQuery('#moveGalleryForward').bind('click', function() {

        HideImage(currentImage);

        currentImage = currentImage + 1;

        EnableDisableButtons();

        ChangeImage(currentImage);

    });

    jQuery('#startGallery').bind('click', function() {

		// Hide Play
        jQuery('#startGallery').css('display','none');
		
		// Show Pause
		jQuery('#stopGallery').css('display','inline');
		
        GallerySlideShow();
		
		StartTimer();

    });
	
	 jQuery('#stopGallery').bind('click', function() {

		// Kill Timer
        clearTimeout (timerID);
		
		// Hide Pause
		jQuery('#stopGallery').css('display','none');
		
		// Show Play
		jQuery('#startGallery').css('display','inline');

    });

    function GallerySlideShow() {

		// Hide Current Image
		HideImage(currentImage);
		
		// Increment
		currentImage = currentImage + 1;
		
		EnableDisableButtons();
	
		// Reset Counter.
		if (currentImage > MaxImages) { currentImage = 1; }
		
		ChangeImage(currentImage);

    }
	
	function StartTimer() {
	
		timerID = setInterval (GallerySlideShow, 10000);
		
	}

    function ChangeImage(imageId) {

        jQuery('#imageContainer' + imageId).css('opacity', '0');
        jQuery('#imageContainer' + imageId).css('display', 'block');
        jQuery('#imageContainer' + imageId).animate({ opacity: 1 }, 1000);

    }

    function HideImage(imageId) {

        jQuery('#imageContainer' + imageId).animate({ opacity: 0 }, 1000);
        jQuery('#imageContainer' + imageId).css('display', 'none');
    }

    function EnableDisableButtons() {

        if ((currentImage + 1) > MaxImages) {
            jQuery('#moveGalleryForward').css('display', 'none');
			jQuery('#forewardFade').css('display', 'inline');
        } else {
			jQuery('#forewardFade').css('display', 'none');
            jQuery('#moveGalleryForward').css('display', 'inline');
        }

        if ((currentImage - 1) < 1) {
            jQuery('#moveGalleryBackward').css('display', 'none');
			jQuery('#backwardFade').css('display', 'inline');
        } else {
			jQuery('#backwardFade').css('display', 'none');
            jQuery('#moveGalleryBackward').css('display', 'inline');
        }

    }

    jQuery('#imageContainer1').css('display', 'block');
    EnableDisableButtons();

    jQuery('#fBook').bind('click', function() {
        window.open(jQuery(this).attr('link'));
    });
	
	// Border Hack
	var col1Height = Number(jQuery('#col1').height());
	var col2Height = Number(jQuery('#col2').height());
	
	if(col1Height > col2Height) {
		if(jQuery.browser.mozilla){
			col1Height = col1Height + 150;
		}
		jQuery('#colBorder').height(col1Height);
	} else {
		jQuery('#colBorder').height(col2Height);
	}

});