var data = null;
var count = 0;
var currImg = 0;
var w = 0;
var testdata = null;

$(document).ready(function(){
	
	var pageToLoad = $('p#showcase-nav-text a.nav-next').attr('href');
	
	if (pageToLoad == null || pageToLoad == undefined) {
		pageToLoad = $('p#showcase-nav-text a.nav-prev').attr('href');
		var toffset = pageToLoad.indexOf('=');
		var offset = pageToLoad.substring(toffset+1);
		offset = parseInt(offset);
		currImg = offset+1;
	}else{
		var toffset = pageToLoad.indexOf('=');
		var offset = pageToLoad.substring(toffset+1);
		offset = parseInt(offset);
		currImg = offset-1;
	}
	
	var temp = pageToLoad.indexOf('?');
	pageToLoad = pageToLoad.substring(0,temp);
	
	$.get('/dynamic'+pageToLoad,function(d){
		
		//var tt = d.replace('<br />','??');
		var ttp = d.replace(/\n/g,' ');
		ttp = ttp.replace(/\r/g,' ');
		var ts = ttp.lastIndexOf(',');
		var t1 = ttp.substring(0,ts);
		var t2 = ttp.substring(ts+1, ttp.length);
		var t3 = t1+t2;
		//var t4 = t3.replace(/\n/,' ');
		//console.log(t3);
		data = eval(t3);
		
		for (image in data) {
			if(count == 0){
				$('div#image_holder div img').replaceWith('<img class="showcase-img" width="735" height="341" src="'+data[image].image+'" lowsrc="/layout/images/tempimage.gif" />');
			}else{
				$('div#image_holder div').append('<img class="showcase-img" width="735" height="341" src="'+data[image].image+'" lowsrc="/layout/images/tempimage.gif" />');
			
			}
			count++;
		}
		
		w = count*735;
		
		$('div#image_holder div').css('width',w);
		
		moveStrip(currImg);
		initNext();
		initPrev();
	});
});


function moveStrip(img){

	$('div#image_holder div').css('margin-left',-735*(img-1));

}





function initPrev(){
	$('p#showcase-nav-text a.nav-prev').attr('href','#');
	$('p#showcase-nav-text a.nav-prev').click(function(me){
		me.preventDefault();
		if(currImg == count){
			$('p#showcase-nav-text span.paging-inactive').replaceWith('<a href="#" class="nav-next">next</a>');
			initNext();
		}
		currImg -= 1;
		$('div#image_holder div').animate({marginLeft:-735*(currImg-1)},'slow',function(){
			$('div#showcase-desc h3').text(data['image'+currImg].title);
			$('div#showcase-desc p.desc').html(data['image'+currImg].text);
		});
		
		if(currImg == 1){
			$(this).replaceWith('<span class="paging-inactive" /></span>');
		}

	});
}

function initNext(){
	$('p#showcase-nav-text a.nav-next').attr('href','#');
	$('p#showcase-nav-text a.nav-next').click(function(me){
		me.preventDefault();
		if(currImg == 1){
			$('p#showcase-nav-text span.paging-inactive').replaceWith('<a href="#" class="nav-prev">previous</a>');
			initPrev();
		}
		currImg += 1;
		$('div#image_holder div').animate({marginLeft:-735*(currImg-1)},'slow',function(){
			$('div#showcase-desc h3').text(data['image'+currImg].title);
			$('div#showcase-desc p.desc').html(data['image'+currImg].text);
		});
		
		if(currImg == count){
			$(this).replaceWith('<span class="paging-inactive" ></span>');
		} 
		
	});
}