function slideSwitch(id) {
    var $active = $(id+' IMG.active');

    if ( $active.length == 0 ) $active = $(id+' IMG:last');

    var $next =  $active.next().length ? $active.next()
        : $(id+' IMG:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 400, function() {
            $active.removeClass('active last-active');
        });
}

function isApple(){
    return (
        (navigator.platform.indexOf("iPhone") != -1) ||
        (navigator.platform.indexOf("iPod") != -1) ||
        (navigator.platform.indexOf("iPad") != -1)
    );
}

$(function() {
	var v1, v2, v3, v4, v5;
	var t1 = false, t2 = false, t3 = false, t4 = false, t5 = false;

	if (!$.browser.msie) {
	    
    var table = '<table width="100%" border="0" align="center" cellspacing="5" style="margin-bottom:-10px;"><tr>' +
                '<td width="20%"><div id="video1" class="video"></div><img src="png.png" style="position:static;width:100%;height:auto;" /></td>' +
                '<td width="20%"><div id="video2" class="video"></div><img src="png.png" style="position:static;width:100%;height:auto;" /></td>' +
                '<td width="20%"><div id="video3" class="video"></div><img src="png.png" style="position:static;width:100%;height:auto;" /></td>' +
                '<td width="20%"><div id="video4" class="video"></div><img src="png.png" style="position:static;width:100%;height:auto;" /></td>' +
                '<td width="20%"><div id="video5" class="video"></div><img src="png.png" style="position:static;width:100%;height:auto;" /></td>' +
                '</tr></table>';
		
    var video1 = ''; for (var i=2; i<23; i++) video1 += '<img src="shots/01/'+i+'.jpg">';
    var video2 = ''; for (var i=2; i<21; i++) video2 += '<img src="shots/05/'+i+'.jpg">';
    var video3 = ''; for (var i=2; i<28; i++) video3 += '<img src="shots/03/'+i+'.jpg">';
    var video4 = ''; for (var i=2; i<30; i++) video4 += '<img src="shots/04/'+i+'.jpg">';
    var video5 = ''; for (var i=2; i<22; i++) video5 += '<img src="shots/02/'+i+'.jpg">';

	$('#slideshow').html(table);
    $('#video1').html('<img src="shots/01/1.jpg" class="active">');
    $('#video2').html('<img src="shots/05/1.jpg" class="active">');
    $('#video3').html('<img src="shots/03/1.jpg" class="active">');
    $('#video4').html('<img src="shots/04/1.jpg" class="active">');
    $('#video5').html('<img src="shots/02/1.jpg" class="active">');
    $('#video1').append(video1);
    $('#video2').append(video2);
    $('#video3').append(video3);
    $('#video4').append(video4);
    $('#video5').append(video5);

	if ( isApple() ) {
		$('#video1').click(function() {
			if (!t1) {
				slideSwitch('#video1');
				v1 = setInterval( "slideSwitch('#video1')", 600 );
				t1 = true;
				if (v2) clearInterval(v2);
				if (v3) clearInterval(v3);
				if (v4) clearInterval(v4);
				if (v5) clearInterval(v5);
			} else {
				clearInterval(v1);
				t1 = false;
			}
		});
	}

	if ( !isApple() ) {
            $("#video1").hover(function() {
                    if (!t1) {
                            slideSwitch('#video1');
                            v1 = setInterval( "slideSwitch('#video1')", 600 );
                            t1 = true;
                    }
            }, function() {
                    if (t1) {
                            clearInterval(v1);
                            t1 = false;
                    }
            });
	}

if ( isApple() ) {
	$('#video2').click(function() {
		if (!t2) {
			slideSwitch('#video2');
			v2 = setInterval( "slideSwitch('#video2')", 600 );
			t2 = true;
				if (v1) clearInterval(v1);
				if (v3) clearInterval(v3);
				if (v4) clearInterval(v4);
				if (v5) clearInterval(v5);
		} else {
			clearInterval(v2);
			t2 = false;
		}
	});
}
	if ( !isApple() ) {
            $("#video2").hover(function() {
                    if (!t2) {
                            slideSwitch('#video2');
                            v2 = setInterval( "slideSwitch('#video2')", 600 );
                            t2 = true;
                    }
            }, function() {
                    if (t2) {
                            clearInterval(v2);
                            t2 = false;
                    }
            });
	}
if ( isApple() ) {
	$('#video3').click(function() {
		if (!t3) {
			slideSwitch('#video3');
			v3 = setInterval( "slideSwitch('#video3')", 600 );
			t3 = true;
				if (v1) clearInterval(v1);
				if (v2) clearInterval(v2);
				if (v4) clearInterval(v4);
				if (v5) clearInterval(v5);
		} else {
			clearInterval(v3);
			t3 = false;
		}
	});
}
	if ( !isApple() ) {
            $("#video3").hover(function() {
                    if (!t3) {
                            slideSwitch('#video3');
                            v3 = setInterval( "slideSwitch('#video3')", 600 );
                            t3 = true;
                    }
            }, function() {
                    if (t3) {
                            clearInterval(v3);
                            t3 = false;
                    }
            });
	}
if ( isApple() ) {
	$('#video4').click(function() {
		if (!t4) {
			slideSwitch('#video4');
			v4 = setInterval( "slideSwitch('#video4')", 600 );
			t4 = true;
				if (v1) clearInterval(v1);
				if (v2) clearInterval(v2);
				if (v3) clearInterval(v3);
				if (v5) clearInterval(v5);
		} else {
			clearInterval(v4);
			t4 = false;
		}
	});
}
	if ( !isApple() ) {
            $("#video4").hover(function() {
                    if (!t4) {
                            slideSwitch('#video4');
                            v4 = setInterval( "slideSwitch('#video4')", 600 );
                            t4 = true;
                    }
            }, function() {
                    if (t4) {
                            clearInterval(v4);
                            t4 = false;
                    }
            });
	}
if ( isApple() ) {
	$('#video5').click(function() {
		if (!t5) {
			slideSwitch('#video5');
			v5 = setInterval( "slideSwitch('#video5')", 600 );
			t5 = true;
				if (v1) clearInterval(v1);
				if (v2) clearInterval(v2);
				if (v3) clearInterval(v3);
				if (v4) clearInterval(v4);
		} else {
			clearInterval(v5);
			t5 = false;
		}
	});
}
	if ( !isApple() ) {
            $("#video5").hover(function() {
                    if (!t5) {
                            slideSwitch('#video5');
                            v5 = setInterval( "slideSwitch('#video5')", 600 );
                            t5 = true;
                    }
            }, function() {
                    if (t5) {
                            clearInterval(v5);
                            t5 = false;
                    }
            });
	}
	
	}
});