// JavaScript Document
var first=1;
var current_selected="";
function open_item(id)
{		
	$("#open_btn").hide('slide',{direction: 'down'},500, function(){$("#"+id+"_cont > div.slider_content_detail").show('slide',{direction: "up", distance:0},500);});	
}
function close_item(id)
{
	$("#"+id+"_cont > div.slider_content_detail").hide('slide',{direction: 'down'},500, function(){ $("#open_btn").show('slide',{direction: "up", distance:0},500);});
}
function select_item(current)
{		
	if(first==0)
	{
		var c="#"+$("div.slider_content:visible").attr('id');
		//alert(c);
		$(c).hide('slide',{direction: 'right'},500);
	}	
	var id=$(current).attr('id');
	current_selected=id;	
	$("#"+id+"_cont").show('slide',{direction: 'left'},500);
}
$(document).ready(function() {
						   	$("div.slider_content").hide();
							$("div.slider_large_container").append('<div id="open_btn" class="slider_content_detail_open"><p><a class="white" href="#"><img src="assets/images/design/open_btn.png" alt="Részletek kinyitása" width="16" height="16"/>kinyit</a></p></div>'); 
							$("div.slider_content_detail").append('<div class="slider_content_detail_close"><img src="assets/images/design/close_btn.png" alt="Részletek bezárása" width="16" height="16"/></div>');
						 	$("div.slider_content_detail_close").click(function()
																{
																	close_item(current_selected);
																});
							
							$("#open_btn").hide();
							$("#open_btn").click(function(){
																	open_item(current_selected);
																});
							$("div.slider_item").hover(function(e){
																$(this).stop(true, true).addClass("slider_item_hover",300);
															    },function(){
															   	$(this).stop(true, true).removeClass("slider_item_hover",300);
															    });											   
						   	$("div.slider_item").click(function(){															   
															   if(!$(this).hasClass('slider_item_selected'))
															   {
																   $("div.slider_item_selected").switchClass('slider_item_selected','slider_item',300);
																   $(this).stop(true, true).switchClass('slider_item_hover','slider_item_selected',300);
																   select_item($(this));
															   }															   
															   });
							select_item($("div.slider_item:first"));
							$("div.slider_item:first").switchClass('slider_item','slider_item_selected',300);
							first=0;
							
							
});