var index = 0;
var pindex = -1;
var data_arr = [];
var content_arr = [];
var img_arr = [];
var odd = 0;
var fi ="seg1";
var si = "seg2";
var overlap = false;
var duration = 0;
var tmp_duration = 0;
var width = 0;
var height =0;
var imgwidth =0;
var imgheight = 0;
var onlyimages = 0;
var base_url = "";
var current_visible = 'seg2';
var record_cntr = [];
var stop = false;
var stop_counter = 0;
var ft =false;
$("#document").ready(
function() {

	var loader = new Image();
	var cat_id = $("#category").attr("rel");
	var cat_name = $("#categoryname").attr("rel");
	loader.src = base_url+"/wp-content/plugins/slideshow/loader.gif";

	$("#seg2").html('<div><img src="'+loader.src+'" border="0" class="img_loader"></div>');
  $("#seg1").css("height",imgheight+"px");
	  var position=$("#seg1").position();

  if(position) {
	  	$("#seg2").css("left",position.left+"px");
	  	$("#seg2").css("top",position.top+"px");
	 	$("#seg2").css("height",imgheight+"px");
	 	
		if(onlyimages ==0) {
		 	$("#slideshow").css("width",width+"px");
	 	 	$(".description").css("height",imgheight+"px");
		 }else {
		 	$("#slideshow").css("width",imgwidth+"px");
		 }
		//$("#slideshow").css("height","240px");
		
		setpos();		
		content_url = content_url +'&cat_id='+cat_id;
		$.get(content_url, function(data) {
			var content_data = data.split('[IMAGES]');
			var data_cnt = content_data[1].split('[END]');
			img_arr = content_data[0].split(',');
			var pager = 0;
			for(i=0;i<img_arr.length;++i) {
				pager = i +1;
				var tmp = new Image();
				tmp.src = img_arr[i];
				record_cntr.push('<a href="javascript:void(0);" class="page" id="page_'+i+'" onclick="changeIndex('+i+')">'+pager+'</a>');
				if(onlyimages ==0) {
					data_arr.push('<div class="col1"><img src="'+tmp.src+'"   width="'+imgwidth+'" height="'+imgheight+'"></div>'+data_cnt[i]);
					//data_arr.push('<div class="col1"><img src="'+tmp.src+'"    height="'+imgheight+'"></div>'+data_cnt[i]);
				}else {
					data_arr.push('<div class="col1"><img src="'+tmp.src+'"   width="'+imgwidth+'" height="'+imgheight+'"></div>');				
				}
			}
			$("#"+si).html(data_arr[0]);
			$("#"+fi).html(data_arr[1]);
			paginator();
			ft = true;
			make_bold(0,false);
			next_index();
			next_index();
			setTimeout("runner()",duration);
		});
	}
	
	$(".slideshow_nav_arrow").click(function(){
		var directn = $(this).attr("rel");
		if(directn == 'n') {
			change_next_index();
		}
		if(directn == 'p') {
			change_pre_index();
		}		
	});
});


	
function setpos() {
	var xy = YAHOO.util.Dom.getXY('slideshow');
	var xy = YAHOO.util.Dom.getXY('seg1');
	YAHOO.util.Dom.setXY('seg1', xy)
	YAHOO.util.Dom.setXY('seg2', xy)
}


function runner() {
	if(stop == true) {
		++stop_counter;
		if(stop_counter == 3) {
			stop_counter = 0;
			stop = false;
			next_index();
		}
		setTimeout("runner()",duration);
		return;
	}
	odd = (odd ==0) ? 1 : 0;
	make_bold(index,true);
	if(odd) {
		$("#"+si).animate({opacity: 0},duration,
			function() {
				$("#"+si).html(data_arr[index]);
				//make_bold(index,true);
				next_index();
				current_visible = fi;
				setpos();
				setTimeout("runner()",duration);
			}
		);
	}else {
		$("#"+si).animate({opacity: 1},duration,
			function() {
				$("#"+fi).html(data_arr[index]);
				//make_bold(index,true);
				next_index();
				current_visible = si;
				setpos();
				setTimeout("runner()",duration);
			}
		);
	}

}

function next_index()  {
	index = index + 1;
	if(index == data_arr.length) {
		index = 0;
	}
}

function pre_index()  {
	index = index - 1;
	if(index < 0 ) {
		index = data_arr.length-1;
	}
}

function change_next_index() {
	next_index();
	changeIndex(index);
}

function change_pre_index() {
	pre_index();
	changeIndex(index);
}

function changeIndex(idx) {
	index= idx;
	//make_bold(idx);
	$("#"+current_visible).html(data_arr[index]);
	stop = true;
}

function minusindex(idx) {
	idx = idx - 1;
	if(idx <0) {
		idx = data_arr.length-1;
	}
	return idx;
}

function make_bold(idx,mi) {
	if(ft == true) {
		ft = false;
	}else {
		if(mi == true) {
			idx = minusindex(index);
		}
	}
	make_normal(pindex);
	$("#page_"+idx).removeClass("page");
	$("#page_"+idx).addClass("current");	
	pindex = idx;

}

function make_normal(idx) {
	$("#page_"+idx).addClass("page");
	$("#page_"+idx).removeClass("current");
}



function paginator() {
	$("#seg3").html('<a href="javascript:void(0);" onclick="change_pre_index();" class="pre">&nbsp;</a>' +record_cntr.join("")+'<a href="javascript:void(0);" onclick="change_next_index();" class="next">&nbsp;</a>');
	var xy = YAHOO.util.Dom.getXY('seg1');		
	var pagination_str = xy.toString();
	var pagination_str_arr = pagination_str.split(",");
	pagination_str_arr[0] = parseInt(pagination_str_arr[0]) +500;
	pagination_str_arr[1] = parseInt(pagination_str_arr[1]) +230;
	YAHOO.util.Dom.setXY('seg3', pagination_str_arr);
}