var menuClickClock = 0;
var menuC = 0;
var menuCShow = 0;
var home = 0;
var showBigImg = 0;
var menuCTimeId = 0;
var menuTimeId = 0;
var imgMouDownTime = 0;

$(document).ready(function () {
	loadShow();
	setTimeout(function(){
		$('#load').fadeOut(100);
	}, 2000);
	$('#main').removeClass('noscript').show();
	$('#menu-c').show();
	$('#menu-c div').hide();
	
	slider();
	if(tabsId == 0 && imageId == 0){
		home = 1;
		showBigImg = 1;
		$('.cte').hide();
		$('#main li').css('cursor', 'default');
		$('.jquery-scrollpane:first').hide();
	}else if(tabsId){
		$('#menu-' + tabsId).addClass('click');
		var id = tabsId;
		if(isRegister('tabs-' + id)){
			showMenuC(id);
			menuC = id;
			menuCShow = id;
		}else{
			hideMenuC(id);
			menuC = 0;
			menuCShow = 0;
		}
	}
	if(imageId){
		$('#image-' + imageId).addClass('click');
	}
	
	$('.menuLink').click(function () {
		clearTimeout(menuCTimeId);
		showImage(this.href);
		$('.menuLink').removeClass('click');
		$(this).addClass('click');
		var id = hrefToId(this.id);
		if(isRegister('tabs-' + id)){
			//showMenuC(id);
			menuC = id;
			menuCShow = id;
			
		}else{
			hideMenuC(id);
			menuC = 0;
			menuCShow = 0;
		}
		$('#menu-c div a').removeClass('click');
		$('#tabs-' + id).find(':first').addClass('click');
		return false;
	});
	$('.menuLink').mouseenter(function (){
		clearTimeout(menuCTimeId);
		$('.menuLink').removeClass('select');
		$(this).addClass('select');
		var id = hrefToId(this.id);
		if(isRegister('tabs-' + id)){
			showMenuC(id);
			menuCShow = id;
			$('#menu-c div a').removeClass('select');
		}else{
			hideMenuC(id);
			menuCShow = 0;
		}
	});
	$('.menuLink').mouseleave(function(){
		clearTimeout(menuTimeId);
		$(this).removeClass('select');
		var id = hrefToId(this.id);
		if(isRegister('tabs-' + id)){
			menuCTimeId = setTimeout(function(id){
				menuCShow = menuC;
				showMenuC(menuC, id);
			}, 500);
		}
	});
	$('#menu-c div').mouseenter(function(){
		clearTimeout(menuCTimeId);
	});
	$('#menu-c div').mouseleave(function(){
		menuCTimeId = setTimeout(function (){
			showMenuC(menuC);
			menuCShow = menuC;
		}, 500);
	});
	
	$('.showImg').click( function () {
		var id = hrefToId($(this).parent()[0].id);
		$('.menuLink').removeClass('click');
		$('#menu-' + id).addClass('click');
		showMenuC(id);
		menuC = id;
		menuCShow = id;
		$('#menu-c div a').removeClass('click');
		$(this).addClass('click');
		showImage(this.href);
		return false;
	}).mouseenter(function(){
		$(this).addClass('select');
	}).mouseleave(function(){
		$(this).removeClass('select');
	});
	regImageClick();
	$('.menuLink, .showImg').click(function(){
		$('#zoom').fadeOut();
	});
	
});
var mouseTime = 0;
function regImageClick(){
	var mouseTime = 0;
	$('.image').unbind().mousedown(function(){
		var date = new Date();
		mouseTime = date.valueOf();
	}).mouseup(function(){
		var date = new Date();
		if(showBigImg){
			return false;
		}
		if(date.valueOf() - mouseTime < 2000){
			$('img', '#zoom').remove();
			var url = '/_keepout/images/@/@_height_628.jpg'.replace(/@/g, this.id);
			zoomImage($('#zoom'), url);
			
			$('#back').attr('hash', $(this).parent().prev().find('img').attr('id'));
			$('#next').attr('hash', $(this).parent().next().find('img').attr('id'));
			$('.jquery-scrollpane:first').hide();
			$('#main').hide();
			$('#zoom').fadeIn();
			$('.cte').hide();
		}
	});
	$('#close', '#zoom').unbind('click').click(function(){
		$('#zoom').fadeOut();
		$('.cte').show();
		$('#main').fadeIn();
		if(home == 0){
			$('.jquery-scrollpane:first').show();
		}
		return false;
	});
	
	$('#back, #next').unbind('click').click(function(){
		id = this.hash.replace('#', '');
		var url =  '/_keepout/images/@/@_height_628.jpg'.replace(/@/g, id);
		zoomImage($('#zoom'), url);
		$('#back').attr('hash', $('#' + id).parent().prev().find('img').attr('id'));
		$('#next').attr('hash', $('#' + id).parent().next().find('img').attr('id'));
		return false;
	});

	/* $('.image').mouseenter(function(){
		$('#tips').html('Click to enlarge').show();
	}).mousemove(function(e){
		$('#tips').css('top', e.clientY - $('#content').offset().top + $(document).scrollTop()).css('left', e.clientX - $('#content').offset().left + 15);
	}).mouseleave(function(){
		$('#tips').hide();
	}); comment out by sim */

}
function zoomImage(obj, url)
{
	$('.zoomImage', obj).remove();
	var img = $('<img />').attr('src', url)
		.attr('heigth', 0)
		.css('display', 'none')
		.addClass('zoomImage')
		.load(function(){
			$('#zoomLoad').hide();
			$(this).attr('heigth', '628px').fadeIn(1000);
		}).click(function(){
			$('#zoom').fadeOut(1000,function(){
				$('#main').fadeIn();
				$('.cte').show();
				if(home == 0){
				$('.jquery-scrollpane:first').show();
				}
			});
		});
	var imgLoad = $('<span />').append( $('<img />').attr('src', '/_graphics/loading.gif') ).append('<br />Loading').addClass('zoomImage').attr('id', 'zoomLoad');
	obj.append(img);
	obj.append(imgLoad);
}
function loadShow()
{
	$('ul', '#content').hide();
	$('#load').show();
}

var myScroll;
function slider()
{
	$('#main').scrollPane({
		isAutoMoveMain	: false,
		buttonLeft		: false,
		buttonRight		: false,
		isAutoShowComplete	: true,
		isMainSlider	: false // turn off by sim
	});
}

function showMenuC(id){
	hideMenuC(id);
	var type = isShowMenuC()  ? 0 : 200;
	$('#tabs-' + id).show(type);
}
function hideMenuC(id)
{
	var type = isRegister('tabs-' + id)  ? '' : 100;
	$('#menu-c').children().each(function () {
		if(this.id == 'tabs-' + menuCShow){
			$(this).hide(type);
		}else{
			$(this).hide();
		}
	});
}
function isShowMenuC()
{
	if(menuCShow == 0){
		return 0;
	}else{
		return 1;
	}
}
function hrefToId(href)
{
	var tmp = href.split('-');
	return tmp[1];
}
function isRegister(id)
{
	if(document.getElementById(id) == null){
		return 0;
	}else{
		return 1;
	}
}
function showImage(href)
{
	loadShow();
	var url = location.protocol + '//' + location.hostname
	if(href == url || href == url + '/' || href == url + '/home'){
		home = 1;
		$('.jquery-scrollpane:first').hide();
	}else{
		home = 0;
		$('.jquery-scrollpane:first').css('margin-top', 405).show();
	}
	if(href == url || href == url + '/' || href == url + '/home'){
		showBigImg = 1;
	}else{
		showBigImg = 0;
	}
	if(href == url || href == url + '/'){
		href += 'home';
	}
	$.ajax({
		type:'GET',
		url:href + '?ajax=1',
		dataType:'html',
		success:function(data){
			$('#main').html(data).css('left', 0).fadeIn();
			$('.jquery-scrollpane-slider:first').css('left', 0);
			$('#load').fadeOut(100);
			if(showBigImg){
				$('.cte').hide();
				$('#main li').css('cursor', 'default');
			}else{
				$('.cte').show();
				$('#main li').css('cursor', 'pointer');
			}
			regImageClick();
		}
	});
}