var isCatalog;
var isAbout;
var isContact;
var isShowing;
var curCollection;
var curCollectionItems;
var curPage = 0;
var curItem = 0;
var totalItems;
var totalPages;
var isShowCollection;
var isZoom;
var itemList = new Array();
var isIE;
var isIE6 = false;

if (!jQuery.support.cssFloat){
	isIE = true;
}

function resetCatalog(){
	if(isZoom){
		$('#detailBox').animate({
			top:140,
			opacity:0
		},400);	
		setTimeout(function(){
			$('#detailBox').hide();
			isZoom = false;
		},600);
	}
	$('#collections').fadeOut(600);
	$('.collection').fadeOut(600);
	$('#buttons').fadeOut(300);
	$('#subMenu a').removeClass("active");
	$('#menu_catalog').removeClass("active");
	$('#navigation').animate({
		top:"402"
	},400);
	$('#subMenuBG').animate({
		top:"31"
	},400);
	$('#icon_catalog').animate({
		top:"-18",
		opacity:"0"
		},700).animate({
			opacity:"1"			
		},300);
	$('#menu_catalog .indicator').fadeOut(100);
	setTimeout(function(){
		$('#icon_contact').show("fast").animate({
				left:"646",
				top:"-52",
				opacity:"1"
		},400);
		$('#icon_catalog').removeClass('active');
	},200);
	isCatalog = false;
	isShowCollection = false;
}

function resetAbout(){
	 if(!isIE6){
		$('#display').animate({
			height:402
		},400)
	 }else{
		$('#display').animate({
			height:482
		},400)
	}
	if(isIE){
		$('#aboutWrapper').slideUp(240);
		setTimeout(function(){
			$('#aboutWrapper .rightCol div').hide();
		},300);
	}else{
		$('#aboutWrapper .rightCol div').fadeOut(200);
		$('#aboutWrapper').fadeOut(240);
	}
	$('#about_menu li').removeClass("active");
	setTimeout(function(){
		$('#navigation').animate({
			top:"+=300"
		},600);
	},200);
	isAbout = false;
}
function resetContact(){
	$('#contactWrapper').slideUp(300);
	$('#icon_catalog').animate({
		top:"-=55"
	},600);
	$('#icon_about').fadeIn(400);
	setTimeout(function(){
		$('#navigation').animate({
			top:"+=120"
		},400);
	},200);
	isContact = false;
}
$(function() {
	$("a").click(function(){
		if(isIE){
			$(this).blur();
		}
	});
	$('#menu_catalog').click(function(){
		$(this).addClass("active");
		if(isAbout){
			resetAbout();
		}
		if(isContact){
			resetContact();
		}
		if(!isCatalog){
			$('#navigation').animate({
				top:"+=31"
			},400);
			$('#subMenuBG').animate({
				top:"0"
			},400);
			$('#icon_catalog').animate({
				top:"-=60",
				opacity:"0"
			},800).animate({
				opacity:"1"			
			},300)
			setTimeout(function(){
				$('#icon_contact').animate({
					left:"+=30",
					top:"-=10",
					opacity:"0"
				},400).hide("fast");
				$('#icon_catalog').addClass('active');
				$('#menu_catalog a').after('<span class="indicator">&larr;</span>');
			},300);
			isCatalog = true;
		}else{
			resetCatalog();
		}
	});

	$('#icon_about').click(function(){
		$('#menu_about').click();
	});
	$('#menu_about').click(function(){
		$(this).addClass("active");
		if(!isAbout){
			if(isCatalog){
				resetCatalog();
				setTimeout(function(){
					showAbout();
				},750);
			}else if(isContact){
				resetContact();			
				setTimeout(function(){
					showAbout();
				},600);
			}else{
				showAbout();
			}
		}else{
			resetAbout();
		}
	});

	$('#menu_contact').click(function(){
		$(this).addClass("active");
		if(!isContact){
			if(isCatalog){
				resetCatalog();
				setTimeout(function(){
					showContact();
				},750);
			}else if (isAbout)
			{
				resetAbout();
				setTimeout(function(){
					showContact();
				},600);
			}else{
				showContact();
			}
		}else{
			resetContact();
		}
	});

function showContact(){
	$('#navigation').animate({
		top:"-=120"
	},400)
	$('#icon_about').fadeOut(300);
	$('#icon_catalog').animate({
		top:"+=55"
	},800)
	setTimeout(function(){
		$('#contactWrapper').slideDown(400);
	},400);
	isContact = true;
}
function showAbout(){
		$('#navigation').animate({
			top:"-=300"
		},600);
		 if(!isIE6){
			$('#display').animate({
				height:102
			},600);
		 }else{
			$('#display').animate({
				height:182
			},600);
		}
		setTimeout(function(){
			if (isIE)	{
				setTimeout(function(){
					$('#aboutWrapper').show();
					$('#about_ktrend').show();
				},300);
			}else{
				$('#aboutWrapper').fadeIn(400);
				$('#about_ktrend').fadeIn(400);		
			}
			$('#about_menu li:first').addClass("active");
		},450);
		isAbout = true;
}

$('#about_menu a').click(function(){
	if(!isShowing){
		isShowing = true;
		if (isIE)	{
			$('#aboutWrapper .rightCol div').hide();
		}else{
			$('#aboutWrapper .rightCol div').fadeOut(200);
		}
		$('#about_menu li').removeClass("active");
		$(this).parent().addClass("active");
		clickedLink = $(this).attr("href");
		setTimeout(function(){
			if(isIE){
				$(clickedLink).slideDown(400);
			}else{
				$(clickedLink).fadeIn(400);
			}
		},300);
		setTimeout(function(){
				isShowing = false;
		},600);
	}
	return false;
});

	$('#subMenu a').click(function(){
		if(isZoom){
			hideDetail();
		}
		$('#subMenu a').removeClass("active");
		$(this).addClass("active");
		
		clickedLink = $(this).attr("href");

		var link = new Array();

		link = clickedLink.split('#');
		loadPage = clickedLink.replace(/#/,' #');
		
		curCollection = "#"+link[1];
		curCollectionItems = curCollection + " a";
		if (isIE)	{
			$('#collections').hide();
		}
		$('#collections').load(loadPage, showCollection);
		if(!isShowCollection){
			$('#navigation').animate({
				top:"+=50"
			},400);
			if (isIE)	{
				$('#collections').hide();
			}else{
				$('#collections').show();
			}
			$('#buttons').fadeIn(300);
			isShowCollection = true;
		}
		return false;
	})

	$('#btn_next').click(function(){
		if (!lastPage){
			$(curCollection).animate({
				left:"-=792"
			},600)
			curPage += 1;
			checkPage();
		}
	})

	$('#btn_prev').click(function(){
		if (!firstPage){
			$(curCollection).animate({
				left:"+=792"
			},600)
			curPage -= 1;
			checkPage();
		}
	})

	$('#btnNextItem').click(function(){
		if(!lastItem){
			if (isIE)	{
				$('#details').animate({
					left: "-600",
					opacity:0
				},400);
				$('#control').animate({
					opacity:0
				},300);
			}else{
				$('#details').hide("drop", {direction: "left"}, 600);
				$('#control').fadeOut(300);
			}
			curItem = curItem += 1;
			var path = $('.collection a:eq('+ curItem+')').attr('href');
			loadId = path.replace(/#/,' #');
			setTimeout(function(){
				$('#detail').load(loadId,showNext);
			},600);
			checkItem();
		}
	});
	
	$('#btnPrevItem').click(function(){
		if(!firstItem){
			if (isIE)	{
				$('#details').animate({
					left: "600",
					opacity:0
				},400);
				$('#control').animate({
					opacity:0
				},300);
			}else{
				$('#details').hide("drop", {direction: "right"}, 600);
				$('#control').fadeOut(300);
			}
			curItem = curItem -= 1;
			var path = $('.collection a:eq('+curItem+')').attr('href');
			loadId = path.replace(/#/,' #');
			setTimeout(function(){
				$('#detail').load(loadId,showPrev);
			},600);
			checkItem();
		}
	});

	$('#zoomOut').click(function(){
		hideDetail();
	})
});

function checkPage(){
	if (curPage == 0)
	{
		$('#btn_prev').animate({
			opacity:.3
		},300)
		firstPage = true;
	}else{
		$('#btn_prev').animate({
			opacity:1
		},300)		
		firstPage = false;
	}
	if(curPage >= (totalPages-1))
	{
		$('#btn_next').animate({
			opacity:.3
		},300)
		lastPage = true;
	}else{
		$('#btn_next').animate({
			opacity:1
		},300)				
		lastPage = false;
	}
}

function checkItem(){
	
	if (curItem == 0)
	{
		$('#btnPrevItem').animate({
			opacity:.3
		},300)
		firstItem = true;
	}else{
		$('#btnPrevItem').animate({
			opacity:1
		},300)		
		firstItem = false;
	}
	if(curItem >= (totalItems-1))
	{
		$('#btnNextItem').animate({
			opacity:.3
		},300)
		lastItem = true;
	}else{
		$('#btnNextItem').animate({
			opacity:1
		},300)				
		lastItem = false;
	}
}

function showCollection(){
	if (isIE)	{
		$('#collections').fadeIn(1200);
	}
	$('.collection').fadeIn(1200);
	curPage = 0;
	totalItems = $(curCollectionItems).length;
	totalPages = Math.ceil(totalItems/6);
	for (i=0;i<totalItems;i++ )
	{
		itemList.push($(curCollectionItems)[i]);
	}
	$('.collection a').click(function(){
		clickedItem = $(this);
		clickedLink = $(this).attr("href");
		curItem = $('.collection a').index(this);
		loadId = clickedLink.replace(/#/,' #');
		$('#detail').load(loadId,showDetail);

		return false;
	})
	checkPage();
}
function showDetail(){
	$('#detailBox').show();
	$('#detailBox').animate({
		top:40,
		opacity:1
	},500);
    
	$('#collections').fadeOut(600);
	$('.collection').animate({
		top:300
	},500);
	$('#buttons').fadeOut(400);
	isZoom = true;
	checkItem();
}

function hideDetail(){
		$('#detailBox').animate({
			top:140,
			opacity:0
		},400);
		$('#collections').fadeIn(600);
		$('.collection').animate({
			top:0
		},600);
		setTimeout(function(){
			$('#detailBox').hide();
			isZoom = false;
		$('#buttons').fadeIn(600);
		},600);
}

function showNext(){
	if (isIE)	{
		$('#details').animate({
			left: 400
		},1);
		$('#details').animate({
			left:0,
			opacity:1
		},600);
		$('#control').animate({
			opacity:1
		},600);
	}else{
			$('#details').show("drop",  {direction: "right" }, 400);
			$('#control').fadeIn(800);
	}
}
function showPrev(){
	if (isIE)	{
		$('#details').animate({
			left: -400
		},1);
		$('#control').animate({
			opacity:1
		},600);
		$('#details').animate({
			left:0,
			opacity:1
		},600);
	}else{
		$('#details').show("drop", {direction: "left"}, 400);
		$('#control').fadeIn(800);
	}
}