// JavaScript Document
// Code ain't magic

//slider
$(document).ready(function(){
	try{		
		template_load_init($('body'));
		
	}catch(e){
		alert(e.message);	
	}
});

function template_load_init($parent){
	slider_init({
		$slider_content: $parent.find('#slider_content'),					
		$arrow_left: $parent.find('#slider_arrow_left'),
		$arrow_right: $parent.find('#slider_arrow_right'),
		container_width: 168*4
		
	});

	slider_init({
		$slider_content: $parent.find('#slider2_content'),					
		$arrow_left: $parent.find('#slider2_arrow_left'),
		$arrow_right: $parent.find('#slider2_arrow_right'),
		container_width: 640
	});	
	
	
	$parent.find('.template_load').each(function(){
		var href = $(this).attr('href');										  
		var $container;
		var template;
		var title;
		if(/(id_animation|id_clip)\=/.test(href)){
			$container = $('#animation_detail');										
			template = 'animation_detail';
		}
		
		if(/id_print\=/.test(href)){
			$container = $('#print_detail');										
			template = 'print_detail';
		}		

		var m = href.match(/section\=(\w+)/);
		if(m){
			$container = $('#section');										
			template = m[1];
			title = m[1];
		}			
		
		$(this)
			.attr('href','#')
			.click(function(){
				$container.css('visibility','hidden');			
				//$container.find('iframe').remove();							
				//$container.animate({opacity:0},200,function(){
					$container.load(href,{template:template},function(){
						template_load_init($container);					
						if(title) document.title = "Bendable Rubber :: " + title.replace(/^./,title.charAt(0).toUpperCase());
						$container.css('visibility','visible');																	  						
					});
				//});			
				return false;				
			});
	});
}

function slider_init(slider_info){
	if(slider_info.$slider_content.size() != 1) return;
	slider_update(slider_info);
	slider_info.$arrow_left.click(function(){
		slider_update(slider_info,"left");
		return false;
	});
	slider_info.$arrow_right.click(function(){
		slider_update(slider_info,"right");
		return false;
	});	
	
}

function slider_update(slider_info,direction){
	var content_width = slider_info.$slider_content.width();
	var content_left = parseInt(slider_info.$slider_content.css('left'));

	if(direction == "right"){
		content_left -= slider_info.container_width;
		slider_info.$slider_content.animate({left:(content_left)},500);		
	}

	if(direction == "left"){
		content_left += slider_info.container_width;
		slider_info.$slider_content.animate({left:(content_left)},500);		
	}
	
		
	slider_info.$arrow_left.css('visibility',(content_left < 0) ? 'visible' : 'hidden');
	slider_info.$arrow_right.css('visibility',(content_left + content_width > slider_info.container_width) ? 'visible' : 'hidden');	
	
}