var IconnicsMenus = {
	init : function()
	{
		IconnicsMenus.show();
	},
	show:function()
	{
		$("#bottom_icons").animate(
			{'height':'70px'},
			1500
		);
	},
	hide:function()
	{
		$("#bottom_icons").slideDown('slow', function() {
		    // Animation complete.
		});
	}
}


var IconnicsItem = {
	init : function()
	{
		$(".icon").mouseover(function() {
			IconnicsItem.expand(this); 
		});
		$(".icon").mouseout(function() {
			IconnicsItem.normal(this); 
		});		
		$(".icon").click(function() {
			IconnicsItem.click(this); 
		});
	},
	expand:function(ev)
	{
		var obj = $(ev).find('.item_detail_extra');
		if(obj.length == 0) return;
		$(obj).show();
		$(ev).find('.icon_middle').css('height', '155px');
		/*
		$(ev).find('.icon_middle').animate(
			{'height':'155px'},
			250
		);
		*/
	},
	normal:function(ev)
	{
		var obj = $(ev).find('.item_detail_extra');
		if(obj.length == 0) return;
		$(ev).find('.icon_middle').css({'height':'130px'});
		$(obj).hide();
	},
	changeColor:function(ev, color)
	{
		//var e = e || window.event;
		var src= $(ev).attr('src');
		var obj=$(ev).parent().parent().parent().find("#item");
		if(obj.length == 0) return;
		obj.attr('src', src);
		obj.attr('data_color', color);
	},
	click: function(ev)
	{
		var obj = $(ev).find('#item');
		if(obj.length == 0) return;
		window.location = '/?page=item&iid='+obj.attr('data_id')+'&color='+obj.attr('data_color');
	},
}