//index-fadein

$(function(){
$('#loading').show();
});
$(function(){
var func = arguments.callee;
$("#loading").fadeTo(500,(func.b = !!!func.b) ? 0.1 : 1,func);
})

jQuery.event.add(window, "load", function(){
$("div.img-more").hide();
$("div.content").hide();
$("#main-index").show();
$("#loading").hide();
$("div.content").fadeIn(800);
});

$(function() {
$("#Fade").click(function(){
$("#button-more").hide();
$("div.img-more").fadeIn(800);
return false;
});
});

//index-category

$(function(){

$('div.content img, #button-more').hover(
function () {
    $(this).fadeTo("fast",0.6);
  },
  function () {
    $(this).fadeTo("fast",1);
});

var newNode = $('div.content').clone(true);

function clickCat(cat) {
if(! $('div.content').hasClass('front')){
	newNode.addClass('front');
	$('#main-index').append(newNode);
	$('div.front').hide();
	$('div.front div.img-show, div.front div.img-more, div.button-more').hide();
	$('div.front div.'+cat).show();
	$('div.front').fadeIn(800);
	$('div.content').not('div.front').fadeOut(800).addClass('back');
}
else {
	$('div.back div.img-show, div.back div.img-more, div.button-more').hide();
	$('div.back div.'+cat).show();
	$('div.back').fadeIn(800).removeClass('back');
	$('div.front').fadeOut(800).addClass('back').removeClass('front');
	$('div.content').not('div.back').addClass('front');
}
$("dd.category").removeClass("selected");
$('#'+cat).addClass("selected");
}

$("#branding").click(function(){
	clickCat('branding');
	return false;
});
$("#graphics").click(function(){
	clickCat('graphics');
	return false;
});
$("#packaging").click(function(){
	clickCat('packaging');
	return false;
});
$("#products").click(function(){
	clickCat('products');
	return false;
});
$("#food").click(function(){
	clickCat('food');
	return false;
});
$("#health").click(function(){
	clickCat('health');
	return false;
});
$("#care").click(function(){
	clickCat('care');
	return false;
});
$("#household").click(function(){
	clickCat('household');
	return false;
});
$("#interior").click(function(){
	clickCat('interior');
	return false;
});
$("#hobby").click(function(){
	clickCat('hobby');
	return false;
});
$("#pets").click(function(){
	clickCat('pets');
	return false;
});
$("#others").click(function(){
	clickCat('others');
	return false;
});
});