/**
 * Coin Slider - Unique jQuery Image Slider
 * @version: 1.0 - (2010/04/04)
 * @requires jQuery v1.2.2 or later 
 * @author Ivan Lazarevic
 * Examples and documentation at: http://workshop.rs/projects/coin-slider/
 
 * Licensed under MIT licence:
 *   http://www.opensource.org/licenses/mit-license.php
**/

(function($){
	var params      = new Array;
	var order       = new Array;
	var images      = new Array;
	var links       = new Array;
	var linksTarget = new Array;
	var titles      = new Array;
	var interval    = new Array;
	var imagePos    = new Array;
	var appInterval = new Array;
	var squarePos   = new Array;
	var reverse     = new Array;
	
	$.fn.coinslider = $.fn.CoinSlider = function(options)
	{
		init=function(el){
			order[el.id]       = new Array();
			images[el.id]      = new Array();
			links[el.id]       = new Array();
			linksTarget[el.id] = new Array();
			titles[el.id]      = new Array();
			imagePos[el.id]    = 0;
			squarePos[el.id]   = 0;
			reverse[el.id]     = 1;
			params[el.id]      = $.extend({},
				$.fn.coinslider.defaults,options);
				
				$.each($('#'+el.id+' img'),function(i,item)
				{
					images[el.id][i] = $(item).attr('src');
					links[el.id][i]  =
					$(item).parent().is('a')?$(item).parent().attr('href'):'';
					linksTarget[el.id][i] = $(item).parent().is('a')? $(item).parent().attr('target'):'';
					titles[el.id][i]=$(item).next().is('span')?$(item).next().html():'';
					$(item).hide();
					$(item).next().hide();
				});
				
				$(el).css({'background-image':'url('+images[el.id][0]+')','width':params[el.id].width,'height':params[el.id].height,'position':'relative','background-position':'top left'}).wrap("<div class='coin-slider' id='coin-slider-"+el.id+"' />");
				
				$('#'+el.id).append("<div class='cs-title' id='cs-title-"+el.id+"' style='position: absolute; bottom:0; left: 0; z-index: 1000;'></div>");
				$.setFields(el);if(params[el.id].navigation)
				
				$.setNavigation(el);
				$.transition(el,0);
				$.transitionCall(el);
	}
	
	$.setFields = function(el)
	{
		tWidth  = sWidth = parseInt(params[el.id].width/params[el.id].spw);tHeight=sHeight=parseInt(params[el.id].height/params[el.id].sph);
		counter = sLeft  = sTop=0;
		tgapx   = gapx   = params[el.id].width-params[el.id].spw*sWidth;tgapy=gapy=params[el.id].height-params[el.id].sph*sHeight;
		
		for(i=1;i<=params[el.id].sph;i++)
		{
			gapx=tgapx;
			
			if(gapy>0)
			{
				gapy--;sHeight=tHeight+1;
			}else
			{
				sHeight=tHeight;
			}
			
		for(j=1;j<=params[el.id].spw;j++)
		{
			if(gapx>0)
			{
				gapx--;
				sWidth=tWidth+1;
			}else{
				sWidth=tWidth;
			}
			
		order[el.id][counter] = i+''+j;
		counter++;
		
		if(params[el.id].links)
		$('#'+el.id).append("<a href='"+links[el.id][0]+"' class='cs-"+el.id+"' id='cs-"+el.id+i+j+"' style='width:"+sWidth+"px; height:"+sHeight+"px; float: left; position: absolute;'></a>");
		else
	$('#'+el.id).append("<div class='cs-"+el.id+"' id='cs-"+el.id+i+j+"' style='width:"+sWidth+"px; height:"+sHeight+"px; float: left; position: absolute;'></div>");
	
	$("#cs-"+el.id+i+j).css({'background-position':-sLeft+'px '+(-sTop+'px'),'left':sLeft,'top':sTop});
		sLeft+=sWidth;
	}
	
	sTop+=sHeight;sLeft=0;
	}
	
	$('.cs-'+el.id).mouseover(function()
	{
		$('#cs-navigation-'+el.id).show();
	});
	
	$('.cs-'+el.id).mouseout(function(){
		$('#cs-navigation-'+el.id).hide()
	;});
	
	$('#cs-title-'+el.id).mouseover(function(){
		$('#cs-navigation-'+el.id).show();
	});
	
	$('#cs-title-'+el.id).mouseout(function(){
		$('#cs-navigation-'+el.id).hide();
	});
	
	if(params[el.id].hoverPause){
		$('.cs-'+el.id).mouseover(function(){
			params[el.id].pause=true;
		});
		
		$('.cs-'+el.id).mouseout(function(){
			params[el.id].pause=false;
		});
		
		$('#cs-title-'+el.id).mouseover(function(){
			params[el.id].pause=true;
		});
		
		$('#cs-title-'+el.id).mouseout(function(){
			params[el.id].pause=false;
		});
	}
	
	};
	
	$.transitionCall = function(el){
		clearInterval(interval[el.id]);
		delay=params[el.id].delay+params[el.id].spw*params[el.id].sph*params[el.id].sDelay;interval[el.id]=setInterval(function()
		{
			$.transition(el)},
			delay);
		}
		
	$.transition = function(el,direction)
	{
		if(params[el.id].pause==true)return;
		
		$.effect(el);squarePos[el.id]=0;
		appInterval[el.id]=setInterval(function()
		{
			$.appereance(el,order[el.id][squarePos[el.id]])
		},
		params[el.id].sDelay);
		
		$(el).css({'background-image':'url('+images[el.id][imagePos[el.id]]+')'});
		
		if(typeof(direction)=="undefined")imagePos[el.id]++;
		else if(direction=='prev') imagePos[el.id]--;
		else imagePos[el.id]=direction;
		if(imagePos[el.id]==images[el.id].length){imagePos[el.id]=0;
	}
	
		if(imagePos[el.id]==-1)
		{
			imagePos[el.id]=images[el.id].length-1;
		}
		
		$('.cs-button-'+el.id).addClass('cs-inactive');
		$('.cs-button-'+el.id).removeClass('cs-active');
		
		$('#cs-button-'+el.id+"-"+(imagePos[el.id]+1)).addClass('cs-active');
		
		if(titles[el.id][imagePos[el.id]])
		{
			$('#cs-title-'+el.id).css({'opacity':0}).animate({'opacity':params[el.id].opacity},params[el.id].titleSpeed);
			$('#cs-title-'+el.id).html(titles[el.id][imagePos[el.id]]);
		}else{
			$('#cs-title-'+el.id).css('opacity',0);
		}
	};
	
	$.appereance = function(el,sid)
	{
		$('.cs-'+el.id).attr('href',links[el.id][imagePos[el.id]]).attr('target',linksTarget[el.id][imagePos[el.id]]);if(squarePos[el.id]==params[el.id].spw*params[el.id].sph){clearInterval(appInterval[el.id]);
		return;
	}
	
	$('#cs-'+el.id+sid).css({opacity:0,'background-image':'url('+images[el.id][imagePos[el.id]]+')'});$('#cs-'+el.id+sid).animate({opacity:1},300);squarePos[el.id]++;};
	
	$.setNavigation=function(el){$(el).append("<div id='cs-navigation-"+el.id+"'></div>");
	
	$('#cs-navigation-'+el.id).hide();$('#cs-navigation-'+el.id).append("<a href='#' id='cs-prev-"+el.id+"' class='cs-prev'>prev</a>");
	$('#cs-navigation-'+el.id).append("<a href='#' id='cs-next-"+el.id+"' class='cs-next'>next</a>");
	
	$('#cs-prev-'+el.id).css({'position':'absolute','top':params[el.id].height/2-15,'left':0,'z-index':1001,'line-height':'30px','opacity':params[el.id].opacity}).click(function(e){e.preventDefault();
	
	$.transition(el,'prev');
	$.transitionCall(el);}).mouseover(function(){$('#cs-navigation-'+el.id).show()});
	
	$('#cs-next-'+el.id).css({'position':'absolute','top':params[el.id].height/2-15,'right':0,'z-index':1001,'line-height':'30px','opacity':params[el.id].opacity}).click(function(e){e.preventDefault();
	$.transition(el);
	
	$.transitionCall(el);}).mouseover(function(){$('#cs-navigation-'+el.id).show()});
	
	$("<div id='cs-buttons-"+el.id+"' class='cs-buttons'></div>").appendTo($('#coin-slider-'+el.id));for(k=1;k<images[el.id].length+1;k++)
	{
		$('#cs-buttons-'+el.id).append("<a href='#' class='cs-button-"+el.id+"' id='cs-button-"+el.id+"-"+k+"'>"+k+"</a>");
	}
	
	$.each($('.cs-button-'+el.id),function(i,item){$(item).click(function(e)
	{
		$('.cs-button-'+el.id).addClass('cs-inactive');
		$('.cs-button-'+el.id).removeClass('cs-active');
		$(this).addClass('cs-active');e.preventDefault();
		$.transition(el,i);
		$.transitionCall(el);
	})
	});
		
		$('#cs-navigation-'+el.id+' a').mouseout(function(){
			$('#cs-navigation-'+el.id).hide();params[el.id].pause=false;
		});
		
		$("#cs-buttons-"+el.id).css({'left':'50%','margin-left':-images[el.id].length*15/2-5,'position':'relative'});}

	$.effect = function(el)
	{
		effA = ['random','swirl','rain','straight'];if(params[el.id].effect=='')
		eff  = effA[Math.floor(Math.random()*(effA.length))];
		else
			eff=params[el.id].effect;order[el.id] = new Array();
			
			if(eff=='random')
			{
				counter=0;
				
				for(i=1;i<=params[el.id].sph;i++)
				{
					for(j=1;j<=params[el.id].spw;j++)
					{
						order[el.id][counter]=i+''+j;counter++;
					}
				}
				
				$.random(order[el.id]);
			}
			
			if(eff=='rain')
			{
				$.rain(el);
			}
			
			if(eff=='swirl')$.swirl(el);
			if(eff=='straight') 
				$.straight(el);
				reverse[el.id]*=-1;
			if(reverse[el.id]>0)
			{
				order[el.id].reverse();
			}
	}

	$.random=function(arr)
	{
		var i=arr.length;
		
		if(i==0)return false;
		
		while(--i)
		{
			var j=Math.floor(Math.random()*(i+1));var tempi=arr[i];
			var tempj=arr[j];
			arr[i]=tempj;
			arr[j]=tempi;
		}
	}
	
	$.swirl=function(el)
	{
		var n     = params[el.id].sph;
		var m     = params[el.id].spw;
		var x     = 1;
		var y     = 1;
		var going = 0;
		var num   = 0;
		var c     = 0;
		var dowhile=true;
		
		while(dowhile)
		{
			num=(going==0||going==2) ? m:n;
			
			for(i=1;i<=num;i++)
			{
				order[el.id][c] = x+''+y;
				c++;
				if(i!=num)
				{
					switch(going)
					{
						case 0:y++;
						break;
						
						case 1:x++;
						break;
						
						case 2:y--;
						break;
						
						case 3:x--;
						break;
					}
				}
			}

			going=(going+1)%4;
			
			switch(going)
			{
				case 0:m--;y++;
				break;
				
				case 1:n--;x++;
				break;
				
				case 2:m--;y--;
				break;
				
				case 3:n--;x--;
				break;
			}
				
			check=$.max(n,m)-$.min(n,m);
			
			if(m<=check&&n<=check)
				dowhile=false;
		}
	}
	
	$.rain=function(el)
	{	
		var n  = params[el.id].sph;
		var m  = params[el.id].spw;
		var c  = 0;
		var to = to2 = from = 1;
		
		var dowhile = true;
		
		while(dowhile)
		{
			for(i=from;i<=to;i++)
			{
				order[el.id][c]=i+''+parseInt(to2-i+1);c++;
			}
			
			to2++;
			
			if(to<n&&to2<m&&n<m)
			{
				to++;
			}
			
			if(to<n&&n>=m)
			{
				to++;
			}
			
			if(to2>m)
			{
				from++;
			}
			
			if(from>to)dowhile=false;
		}
	}
	
	$.straight=function(el)
	{
		counter=0;
		for(i=1;i<=params[el.id].sph;i++)
		{
			for(j=1;j<=params[el.id].spw;j++)
			{
				order[el.id][counter]=i+''+j;counter++;
			}
		}
	}

	$.min=function(n,m){
		if(n>m)return m;else return n;
		}
	$.max=function(n,m){
		if(n<m)return m;else return n;
		}

this.each(function(){init(this);});};
	
	$.fn.coinslider.defaults={
	width:565,
	height:290,
	spw:7,
	sph:5,
	delay:3000,
	sDelay:30,
	opacity:0.7,
	titleSpeed:500,	
	effect:'',
	navigation:true,
	links:true,
	hoverPause:true};})
(jQuery);