// JavaScript Document
var $activeMargin = 0;
function nextImage() {
	$activeMargin = $activeMargin+600;
	if($activeMargin == 600) {
		$('.halfSlide:first').animate({marginLeft:"-600px"},750);
	}
	else if($activeMargin == 1200) {
		$('.halfSlide:first').animate({marginLeft:"-1200px"},750,function() {
			$('.halfSlide:first').insertAfter($('.halfSlide:last')).css({'margin-left':'0px'});
			$activeMargin = 0;
		});
	}
}
function previousImage() {
	if($activeMargin == 0) {
		$('.halfSlide:last').css({'margin-left':'-1200px'}).insertBefore($('.halfSlide:first')).animate({marginLeft:"-600px"},750,function() {
			$activeMargin = 600;
		});
	}
	else if($activeMargin == 600) {
		$('.halfSlide:first').animate({marginLeft:"0px"},750);
		$activeMargin = 0;
	}
}
function fadeControls() {
	clearInterval(controlInterval);
	$('#next').fadeOut(750,function() {
		$('#play').fadeOut(750,function() {
			$('#previous').fadeOut(750);
		});
	});
}
var interval;
var controlInterval;
var playOrPause;
function makeHalfSlide() {
	if( $('.halfSlide').length > 0 ) {
		var $getContentFrom = ($('#preview_content').length > 0) ? $('#preview_content') : $('#page_content');
		$getContentFrom.children('p').children('.halfSlide').unwrap();
		$getContentFrom.prepend('<div id="imageContainerWrapper" style="position:relative;height:600px;width:1200px;overflow:hidden;"><div id="imageContainer" style="position:relative;z-index:9;height:600px;width:3000px;overflow:hidden;"></div></div>');
		$('#imageContainerWrapper').append('<div id="controlWrapper" style="position:relative;height:600px;margin-top:-600px;z-index:10;"></div>');
		$('#imageContainerWrapper').append('<div id="infoContainerWrapper" style="position:absolute;height:200px;z-index:11;"><div id="infoContainer" style="width:100%;height:100%;background-image:url(' + "'" + '/images/nothing.png' + "'" + ');"><div id="info" style="width:100%;height:197px;border-top:3px solid #000;background-image:url(' + "'" + '/images/curtain_gray.png' + "'" + ');"></div></div></div>');
		$('#controlWrapper').append('<div id="previousWrapper" style="float:left;width:35%;height:100%;background-image:url(' + "'" + '/images/nothing.png' + "'" + ');"><div id="previous" style="width:100%;height:600px;background-image:url(' + "'" + '/images/prev_button_lg.png' + "'" + ');background-position:20% 50%;background-repeat:no-repeat;"></div></div>');
		$('#controlWrapper').append('<div id="playWrapper" style="float:left;width:30%;height:100%;background-image:url(' + "'" + '/images/nothing.png' + "'" + ');"><div id="play" style="width:100%;height:600px;background-image:url(' + "'" + '/images/pause_button_lg.png' + "'" + ');background-position:50% 50%;background-repeat:no-repeat;"></div></div>');
		$('#controlWrapper').append('<div id="nextWrapper" style="float:left;width:35%;height:100%;background-image:url(' + "'" + '/images/nothing.png' + "'" + ');"><div id="next" style="width:100%;height:600px;background-image:url(' + "'" + '/images/next_button_lg.png' + "'" + ');background-position:80% 50%;background-repeat:no-repeat;"></div></div>');
	
	
		$('.halfSlide').appendTo("#imageContainer");
		clearInterval(interval);
		interval = setInterval('nextImage()', 5000);
		playOrPause = "playing";
		controlInterval = setInterval('fadeControls()',5000);
	
		var $bodyWidth = screen.width;
	
		$('#previousWrapper').css({
			'max-width':($bodyWidth-300)*.35 + 'px'
		});
		$('#playWrapper').css({
			'max-width':($bodyWidth-300)*.3 + 'px'
		});
		$('#nextWrapper').css({
			'max-width':($bodyWidth-300)*.35 + 'px'
		});
		$('#imageContainerWrapper').hover(function() {
			clearInterval(controlInterval);
		},function() {
			controlInterval = setInterval('fadeControls()',5000);
		});
		$('#previousWrapper').hover(function() {
			$(this).css({'cursor':'pointer'});
			$('#previous').fadeIn();
		}, function() {
			$('#previous').fadeOut();
		});
		$('#previousWrapper').click(function() {
			clearInterval(interval);
			playOrPause = "paused";
			$('#play').css({'background-image':'url("/images/play_button_lg.png")'});
			previousImage();
		});
	
		$('#playWrapper').hover(function() {
			$(this).css({'cursor':'pointer'});
			$('#play').fadeIn();
		}, function() {
			$('#play').fadeOut();			
		});
		$('#playWrapper').click(function() {
			(playOrPause == "playing") ? playOrPause = "paused" : playOrPause = "playing";
			if(playOrPause == "paused") {
				$('#play').css({'background-image':'url("/images/play_button_lg.png")'});
				clearInterval(interval);
			}
			else {
				$('#play').css({'background-image':'url("/images/pause_button_lg.png")'});
				interval = setInterval('nextImage()', 4000);
				nextImage();
			}
		});
	
		$('#nextWrapper').hover(function() {
			$(this).css({'cursor':'pointer'});
			$('#next').fadeIn();
		}, function() {
			$('#next').fadeOut();
		});
		$('#nextWrapper').click(function() {
			clearInterval(interval);
			playOrPause = "paused";
			$('#play').css({'background-image':'url("/images/play_button_lg.png")'});
			nextImage();
		});
	}
}