/*
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
updated by AT
17.09.10
*/

(function($){
var params=new Array;
var order=new Array;
var images=new Array;
var links=new Array;
var linksTarget=new Array;
var contents=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();//order of square appearance
		images[el.id]=new Array();
		links[el.id]=new Array();
		linksTarget[el.id]=new Array();
		contents[el.id]=new Array();
		imagePos[el.id]=0;
		squarePos[el.id]=0;
		reverse[el.id]=1;
		params[el.id]=$.extend({},$.fn.coinslider.defaults,options);

		//create images,links and contents arrays
		$.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'):'';
			contents[el.id][i]=$(item).next().is('div')?$(item).next().html():'';
			$(item).hide();
			$(item).next().hide();
		});

		//set panel
		$(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+"' />");

		//create content area
		$('#'+el.id).append("<div class='cs-content' id='cs-content-"+el.id+"'></div>");

		$.setFields(el);

		//prev and next
		if(params[el.id].prevnext)
			$.setPrevNext(el);

		//buttons
		if(params[el.id].buttons)
			$.setButtons(el);

		$.transition(el,0);
		$.transitionCall(el);
	}

	//squares positions
	$.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-link cs-"+el.id+"' id='cs-"+el.id+i+j+"' style='width:"+sWidth+"px;height:"+sHeight+"px;'></a>");
				else
					$('#'+el.id).append("<div class='cs-link cs-"+el.id+"' id='cs-"+el.id+i+j+"' style='width:"+sWidth+"px;height:"+sHeight+"px;'></div>");

				//positioning squares
				$("#cs-"+el.id+i+j).css({ 
					'background-position':-sLeft +'px '+(-sTop+'px'),
					'left':sLeft ,
					'top':sTop
				});

				sLeft+=sWidth;
			}

			sTop+=sHeight;
			sLeft=0;
		}


		if(params[el.id].hoverPause){

			$('#cs-content-'+el.id).mouseover(function(){
				params[el.id].pause=true;
			});

			$('#cs-content-'+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);
	}

	//transitions
	$.transition=function(el,direction){
		if(params[el.id].pause==true) return;
		$.effect(el);
		squarePos[el.id]=0;
		appInterval[el.id]=setInterval(function(){ $.appearance(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).removeClass('cs-active');
		$('#cs-button-'+el.id+"-"+(imagePos[el.id]+1)).addClass('cs-active');

		if(contents[el.id][imagePos[el.id]]){
			$('#cs-content-'+el.id).css({ 'opacity':0}).animate({ 'opacity':params[el.id].opacity},params[el.id].contentSpeed);
			$('#cs-content-'+el.id).html(contents[el.id][imagePos[el.id]]);
		}else{
			$('#cs-content-'+el.id).css('opacity',0);
		}
	};

	$.appearance=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]++;
	};


	//prev and next
	$.setPrevNext=function(el){
		$(el).append("<div id='cs-prevnext-"+el.id+"'></div>");
		$('#cs-prevnext-'+el.id).hide();

		$('#cs-prevnext-'+el.id).append("<a href='#' id='cs-prev-"+el.id+"' class='cs-prev'>"+params[el.id].prev+"</a>");
		$('#cs-prevnext-'+el.id).append("<a href='#' id='cs-next-"+el.id+"' class='cs-next'>"+params[el.id].next+"</a>");

		//prev
		$('#cs-prev-'+el.id).css({
			'top'		:params[el.id].height/2-15
		}).click( function(e){
			e.preventDefault();
			$.transition(el,'prev');
			$.transitionCall(el);
		}).mouseover( function(){
			$('#cs-prevnext-'+el.id).show();
			});

		//next
		$('#cs-next-'+el.id).css({
			'top'		:params[el.id].height/2 - 15
		}).click( function(e){
			e.preventDefault();
			$.transition(el);
			$.transitionCall(el);
		}).mouseover( function(){
			$('#cs-prevnext-'+el.id).show();
			});

		$('#cs-content-'+el.id).mouseover(function(){
			$('#cs-prevnext-'+el.id).show();
		});

		$('#cs-content-'+el.id).mouseout(function(){
			$('#cs-prevnext-'+el.id).hide();
		});

	}


	//buttons

	$.setButtons=function(el){
		$("<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).removeClass('cs-active');
				$(this).addClass('cs-active');
				e.preventDefault();
				$.transition(el,i);
				$.transitionCall(el);
			})
		});

/*
//buggy!
		$('#cs-buttons-'+el.id).hide();

		$('#cs-content-'+el.id).mouseover(function(){
			$('#cs-buttons-'+el.id).show();
		});

		$('#cs-content-'+el.id).mouseout(function(){
			$('#cs-buttons-'+el.id).hide();
		});
*/
	}

	//effects

	$.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();
		}
	}

	//shuffle array function
	$.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 effect by milos popovic
	$.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 effect
	$.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 effect
	$.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);}
);
};

//default values
$.fn.coinslider.defaults={
	width:650,//width of slider panel
	height:300,//height of slider panel
	spw:15,//squares per width
	sph:10,//squares per height
	delay:5000,//delay between images in ms
	sDelay:25,//delay beetwen squares in ms
	opacity:1,//opacity of content and navigation
	contentSpeed:1000,//speed of content appearance in ms
	effect:'',//random,swirl,rain,straight
	prevnext:false,//prev-next and buttons
	buttons:true,//buttons
	prev:'&larr;',
	next:'&rarr;',
	links:false,//show images as links 
	hoverPause:true //pause on hover
};

})(jQuery);