// JavaScript Document
var p_visible = false;
var p_timer = 0;

$('#g').hover(
	function() {
		$('#g > img').css('top', '-132px');
		showP();
	},
	function() {
		$('#g > img').css('top', '-88px');
		setTimer();
	}
);

$('#p').hover(
	function() {
		$('#p > img').css('top', '-42px');
		unsetTimer();
	},
	function() {
		$('#p > img').css('top', '0');
		setTimer();
	}
);

$('#p2').hover(
	function() {
		$('#p2 > img').css('top', '-42px');
		unsetTimer();
	},
	function() {
		$('#p2 > img').css('top', '0');
		setTimer();
	}
);

$('#p3').hover(
	function() {
		$('#p3 > img').css('top', '-42px');
		unsetTimer();
	},
	function() {
		$('#p3 > img').css('top', '0');
		setTimer();
	}
);

$('#p4').hover(
	function() {
		$('#p4 > img').css('top', '-42px');
		unsetTimer();
	},
	function() {
		$('#p4 > img').css('top', '0');
		setTimer();
	}
);

$('#p5').hover(
	function() {
		$('#p5 > img').css('top', '-42px');
		unsetTimer();
	},
	function() {
		$('#p5 > img').css('top', '0');
		setTimer();
	}
);

function showP()
{
	unsetTimer();
	
	if (!p_visible) {
		$('#p').slideToggle('fast');
		$('#p2').slideToggle('fast');
		$('#p3').slideToggle('fast');
		$('#p4').slideToggle('fast');
		$('#p5').slideToggle('fast');

		p_visible = true;
	}
}

function setTimer()
{
	p_timer = window.setTimeout('hideP()', 500);
}

function unsetTimer()
{
	if (p_timer) {
		window.clearTimeout(p_timer);
	}
}

function hideP()
{
	if (p_visible) {
		$('#p').slideToggle('fast', function(){
			$('#g > img').css('top', '0');
		});
		$('#p2').slideToggle('fast', function(){
			$('#g > img').css('top', '0');
		});
		$('#p3').slideToggle('fast', function(){
			$('#g > img').css('top', '0');
		});
		$('#p4').slideToggle('fast', function(){
			$('#g > img').css('top', '0');
		});
		$('#p5').slideToggle('fast', function(){
			$('#g > img').css('top', '0');
		});
		p_visible = false;
	}
}


// Contents
var contents = ['c01', 'c02', 'c03', 'c04', 'c05', 'c06'];
var cc = -1;
var cms = 5000;
var ct = 0;

function setContent()
{
	if (cc > -1) {
		$('#'+contents[cc]).css('display', 'none');
	}
	
	cc++;
	
	if (cc > contents.length - 1) {
		cc = 0;
	}
	
	$('#'+contents[cc]).css('display', 'block');
	
	//ct = window.setTimeout('setContent()', cms);
}

$(document).ready(function(){
   setPosition(); 
   setContent();
});

$(window).resize(function(){
	setPosition();
});