// JavaScript Document
jQuery(function( $ ){	
	/**
	 * All the functions below, are used to update the summary div
	 * That is not the objective of the plugin, the really important part 
	 * is the one right below. The option placeholder, and threshold.
	 */
	$.fn.extend({
		_styleinit:function(options){
			var h = $(this).innerHeight();
			$(this)
			.before("<div class='header-left'></div>")
			.after("<div class='header-right'></div>");
			
			var ch = $(".body").innerHeight()-47;
			$(".panel-cont").css({"height" : ch+"px"});
		}
	});
	$.fn.extend({
		storySlide:function(options){
			var rawid = $('.story-cont').attr('id');
			var sid = rawid.split('-');
			var count = sid[1];
			var rawclass = $(this).attr('class');
			var sclass = rawclass.split('::');
			var next = sclass[1];
			if(next){ var i = parseInt(next); }
			else{ var i = 1; }
			if(count > 2){
			if(next>=count){
				$('.story-slider .story-inner').stop().animate({ marginLeft : '20px' },1000,function(){
					//prime it
					  $('.story-slider').removeClass('next::'+next);
						setTimeout("$('.story-slider').storySlide();", 10100);	
				}).addClass('hidden');
			}else{
				$('#si-'+i).stop().animate({ marginLeft : '-305px' },1000,function(){
					//prime it
							next = i+1;
							prev = i;
					  $('.story-slider').removeClass('next::'+prev).addClass('next::'+next);
						  
					setTimeout("$('.story-slider').storySlide();", 10000);	
				}).addClass('hidden');
			}
			}
		}
	});
	$.fn.extend({
		_storyC:function(options){
						var uid = $(this).attr('class');
						var active = uid.split(' ');
						var id = active[0].split('-');
						$('.story-cont .actives').slideUp(300,function(){
								var uu = $(this).attr('id');
								$('.'+uu).removeClass('active');	
								var uus = uu.split('-');
								$('#si-'+uus[1]).animate({ width : "45%" }).removeClass('actived');
						}).addClass('hide').removeClass('actives');
						if(active[1]=="active"){
							$(this).removeClass('active');
							$('#storyid-'+id[1]).slideUp(300).addClass('hide').removeClass('actives');
							$('.story-inner').animate({ width : "45%" }).removeClass('actived');
						}else{
							$(this).addClass('active');
							$('#storyid-'+id[1]).slideDown(300).removeClass('hide').addClass('actives');
							$('#si-'+id[1]).animate({ width : "100%" }).addClass('actived');
						}
			
			/*var id = $(this).attr('id');
			var sid = id.split('-');
			id = sid[1];
			var class = $(this).attr('class');
			var sclass = class.split(' ');
			class = sclass[1];
			var stclass = $('.active').attr('class');
			if(stclass) class = 'active';
			if(class!=="active"){
			$(this).addClass('active');
			
			$('#sd-'+id+' .story-main .hide').attr('class',function(){
					$('#si-'+id).animate({ width : "100%" }).addClass('actives');		
					$(this).slideDown(300);
			}).removeClass('hide').addClass('show');
			}else{
			$('.active .story-main .show').attr('class',function(){
				$('.actives').animate({ width : '45%' }).removeClass('actives');
				$(this).slideUp(300);
				$(this).removeClass('active');
			}).removeClass('show').addClass('hide');
			}*/
			
		}
	});
	$.fn.extend({
		quoter:function(options){
			var qid = $(this).attr("id");
			var qclass = $(this).attr("class");
			var splitter = qid.split("q");
			var add = 1;
			var next = Number(splitter[1]) + Number(add);
			if(next > 3){
				next = 1;	
			}
			$(this).fadeOut(1000,function(){ 
				$(this).removeClass("active-q");
				$("#q"+next).addClass("active-q").fadeIn(1000,
				function(){
					setTimeout('$("p.active-q").quoter();', 10000);
				});
										 });
			
	}});

});