$$ = jQuery;
jQuery.noConflict();
var iPad = null;

$$(document).ready(function() {
	iPad = {
		menu: $$("#ipad #menu"),
		keyboard: $$("#ipad #keyboard"),
		display: $$("#ipad #display"),
		screens: $$("#ipad .screen"),
		screenCount: $$("#ipad .screen").length,
		screenActive: 0,
		controls: $$("#ipad-container .control"),
		ctrl: {
			next: $$("#ipad-container .next"),
			prev: $$("#ipad-container .prev")
		}
	};
	setTimeout("initIpadGallery()", 1500);
});

function initIpadGallery() {
	iPad.menu.fadeIn('fast', function() {
		iPad.keyboard.slideDown('fast', function() {
			iPad.display.show();
			iPad.menu.hide();
			iPad.keyboard.hide();
			showIpadScreen(iPad.screenActive, false);
			setTimeout("initIpadControls()", 500);
		});
	});
}

function showIpadScreen(num,animate) {
	var toHide = iPad.screens.filter('.active');
	toHide.removeClass('active');
	if (!animate) {
		$$(iPad.screens[num]).addClass('active').show();
		toHide.hide();
	} else {
		$$(iPad.screens[num]).addClass('active').fadeIn('normal',function () {
			toHide.hide();
		});
	}
}

function initIpadControls() {
	iPad.controls.fadeIn();
	iPad.ctrl.next.click(function () {
		if ((++iPad.screenActive) >= iPad.screenCount) iPad.screenActive = 0;
		showIpadScreen(iPad.screenActive, true);
	});
	iPad.ctrl.prev.click(function () {
		if ((--iPad.screenActive) < 0) iPad.screenActive = iPad.screenCount-1;
		showIpadScreen(iPad.screenActive, true);
	});
}