﻿function pageLoad() {

    var currentPosition = 0;
    var slideWidth = 700;
    var slides = $('.slide');
    var numberOfSlides = slides.length;


    $('#slidesContainer').css('overflow', 'hidden');
    slides
    .wrapAll('<div id="slideInner"></div>')
	.css({
	    'float': 'left',
	    'width': slideWidth
	});
    $('#slideInner').css('width', slideWidth * numberOfSlides);
    $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
    manageControls(currentPosition);
    $('.control')
    .bind('click', function() {
        currentPosition = ($(this).attr('id') == 'rightControl') ? currentPosition + 1 : currentPosition - 1;
        manageControls(currentPosition);
        $('#slideInner').animate({
            'marginLeft': slideWidth * (-currentPosition)
        });
    });

    function manageControls(position) {
        if (position == 0) { $('#leftControl').hide() } else { $('#leftControl').show() }
        if (position == numberOfSlides - 1) { $('#rightControl').hide() } else { $('#rightControl').show() }
    }
    
    
    
    var currentPosition2 = 0;
    var slides2 = $('.slide2');
    var numberOfSlides2 = slides2.length;


    $('#slidesContainer2').css('overflow', 'hidden');
    slides2
    .wrapAll('<div id="slideInner2"></div>')
	.css({
	    'float': 'left',
	    'width': slideWidth
	});
    $('#slideInner2').css('width', slideWidth * numberOfSlides2);
    $('#slideshow2')
    .prepend('<span class="control2" id="leftControl2">Clicking moves left</span>')
    .append('<span class="control2" id="rightControl2">Clicking moves right</span>');
    manageControls2(currentPosition2);
    $('.control2')
    .bind('click', function() {
        currentPosition2 = ($(this).attr('id') == 'rightControl2') ? currentPosition2 + 1 : currentPosition2 - 1;
        manageControls2(currentPosition2);
        $('#slideInner2').animate({
            'marginLeft': slideWidth * (-currentPosition2)
        });
    });

    function manageControls2(position2) {
        if (position2 == 0) { $('#leftControl2').hide() } else { $('#leftControl2').show() }
        if (position2 == numberOfSlides2 - 1) { $('#rightControl2').hide() } else { $('#rightControl2').show() }
    }
    
    
    var currentPosition3 = 0;
    var slides3 = $('.slide3');
    var numberOfSlides3 = slides3.length;


    $('#slidesContainer3').css('overflow', 'hidden');
    slides3
    .wrapAll('<div id="slideInner3"></div>')
	.css({
	    'float': 'left',
	    'width': slideWidth
	});
    $('#slideInner3').css('width', slideWidth * numberOfSlides3);
    $('#slideshow3')
    .prepend('<span class="control3" id="leftControl3">Clicking moves left</span>')
    .append('<span class="control3" id="rightControl3">Clicking moves right</span>');
    manageControls3(currentPosition3);
    $('.control3')
    .bind('click', function() {
        currentPosition3 = ($(this).attr('id') == 'rightControl3') ? currentPosition3 + 1 : currentPosition3 - 1;
        manageControls3(currentPosition3);
        $('#slideInner3').animate({
            'marginLeft': slideWidth * (-currentPosition3)
        });
    });

    function manageControls3(position3) {
        if (position3 == 0) { $('#leftControl3').hide() } else { $('#leftControl3').show() }
        if (position3 == numberOfSlides3 - 1) { $('#rightControl3').hide() } else { $('#rightControl3').show() }
    }


//PICTURE GALLERY JQUERY SCRIPT /////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
    $(".gallery a[rel^='prettyPhoto']").prettyPhoto({ theme: 'dark_square', slideshow: 5000, autoplay_slideshow: false, show_title: false, });
} 
