var slidetransit = false;
var tntransit = false;


if (startImg == undefined) {var startImg ='01'};
var corrFact = startImg -1;

var mailstyle;
/*var imgCount =3;*/




$(document).ready(function() {
  init();
});

$(window).load(function() {initsecondlevel();});

function init() {
	$('#rightslide').click(function() {nextslide(); return false});
	$('#leftslide').click(function() {previousslide(); return false});
	$('#rightlist').click(function() {nextlist(); return false});
	$('#leftlist').click(function() {previouslist(); return false});
	$('#infobutton').click(function() {toggleInfo(); return false});
	$('#closebox').click(function() {closeinfo(); return false});
	$('#righttn').click(function() {nexttn(); return false});
	$('#lefttn').click(function() {previoustn(); return false});
	$('.tngroup a img').hover(function() {hiliteimg(this)}, function() {deliteimg(this)});
	$('.brief').click(function() {mailclean()});
	$('.brief').mouseover(function() {mailhover('in')});
	$('.brief').mouseout(function() {mailhover('out')});
	
}

function initsecondlevel() {
	initslides();
	inittns();
	initlist();
	if(touchDeviceTest()) {
	$('a').not('#infobutton').click(function() {$(this).css('color', 'rgb(100,100,100)')});
	
	}
	
}


function touchDeviceTest() {
    var el = document.createElement('div');
    el.setAttribute('ongesturestart', 'return;');
    if(typeof el.ongesturestart == "function"){
        return true;
    }else {
        return false
    }
}

function initslides() {
	$('#slideroll').width(imgCount*900+1800);
	var theCode;
	
		
	for(i=2;i<=imgCount;i++) {
		theCode ='<img src="'+ slidesource(i) +'">';
		$('#slideroll').append(theCode);
		}
	theCode ='<img src="'+ slidesource(1) +'">';
	$('#slideroll').append(theCode);
	
	$('#slide00').attr('src', slidesource(imgCount));

}

function initlist() {
	var theCode;
	
	theCode = $('.clientinfo:last').html();
	$('#clgroup00').html(theCode);
	
	
	theCode = $('#clgroup01').html();
	theCode = '<div class="clientinfo">'+theCode+'</div>';
	$('#clientroll').append(theCode);
}



function slidesource(counter) {
	var theSource;
	var leadZero = '_0';
	
	counter = (counter + corrFact <= imgCount) ? (counter + corrFact) : (counter + corrFact - imgCount);
	if (counter > 9) {leadZero = '_';};
	theSource ='images/' + projectID + leadZero + counter + '.jpg';
	
	return (theSource);
}

function nextslide() {
	var slideborder = -($('#slideroll').width()-1800);
	var slidepos = $('#slideroll').position();
	
	if(!slidetransit){
		slidetransit = true;
	if(slidepos.left>slideborder){
	$('#slideroll').animate({'left': '-=900px'}, 'slow', function() {slidetransit = false;});
	} else {
	$('#slideroll').animate({'left': '-=900px'}, 'slow', function() {$('#slideroll').css('left','-900px'); slidetransit = false;});	
	}
	}
	
	$('#projectinfo').slideUp();
	$('#infobutton').removeClass('hilite');
}

function previousslide() {
	var slideborder = -($('#slideroll').width()-1800);
	var slidepos = $('#slideroll').position();
	if(!slidetransit){
		slidetransit = true;
	if(slidepos.left<-900){
	$("#slideroll").animate({"left": "+=900px"}, "slow", function() {slidetransit = false;});
	} else {
	$('#slideroll').animate({'left': '+=900px'}, 'slow', function() {$('#slideroll').css('left',slideborder); slidetransit = false;});
	}
	}
	
	$('#projectinfo').slideUp();
	$('#infobutton').removeClass('hilite');
}

function nextlist() {
	var listborder = -($('#clientroll').width()-1908);
	var listpos = $('#clientroll').position();
	
	if(!slidetransit){
		slidetransit = true;
	if(listpos.left>listborder){
	$('#clientroll').animate({'left': '-=954px'}, 'slow', function() {slidetransit = false;});
	} else {
	$('#clientroll').animate({'left': '-=954px'}, 'slow', function() {$('#clientroll').css('left','-954px'); slidetransit = false;});	
	}
	}
	
	
}

function previouslist() {
	var listborder = -($('#clientroll').width()-1908);
	var listpos = $('#clientroll').position();
	
	if(!slidetransit){
		slidetransit = true;
	if(listpos.left<-954){
	$('#clientroll').animate({'left': '+=954px'}, 'slow', function() {slidetransit = false;});
	} else {
	$('#clientroll').animate({'left': '+=954px'}, 'slow', function() {$('#clientroll').css('left',listborder); slidetransit = false;});	
	}
	}
	
	
}



function toggleInfo() {
	$('#projectinfo').slideToggle();
	$('#infobutton').toggleClass('hilite');
	if(touchDeviceTest()) {
	$('#infobutton.hilite').css('color', 'rgb(200,150,75)');
	$('#infobutton').not('.hilite').css('color', 'rgb(100,100,100)');
	}
}

function closeinfo() {
	$('#projectinfo').slideUp();$('#infobutton').removeClass('hilite');
	if(touchDeviceTest()) {
	
	$('#infobutton').not('.hilite').css('color', 'rgb(100,100,100)');
	}
	
}

function nexttn() {
	var tnborder = -($('#tnroll').width()-1800);
	var tnpos = $('#tnroll').position();
	/*alert(tnborder);
	alert(tnpos.left);*/
	
	if(!tntransit){
		tntransit = true;
	if(tnpos.left>tnborder){
	$('#tnroll').animate({'left': '-=900px'}, 'slow', function() {tntransit = false;});
	} else {
	$('#tnroll').animate({'left': '-=900px'}, 'slow', function() {$('#tnroll').css('left','-900px'); tntransit = false;});	
	}
	}
}

function previoustn() {
	var tnborder = -($('#tnroll').width()-1800);
	var inter6 = -(tnborder/900);
	tnborder = -(Math.floor(inter6))*900;
	
	var tnpos = $('#tnroll').position();
	/*alert(tnborder);
	alert(tnpos.left);*/
	
	if(!tntransit){
		tntransit = true;
	if(tnpos.left<-900){
	$('#tnroll').animate({'left': '+=900px'}, 'slow', function() {tntransit = false;});
	} else {
	$('#tnroll').animate({'left': '+=900px'}, 'slow', function() {$('#tnroll').css('left',tnborder); tntransit = false;});	
	}
	}
}

function hiliteimg(theImg) {
	var oldsource = theImg.src;
	var newsource = oldsource.replace(/_0.jpg/g, "_00.jpg");
	theImg.src = newsource;
	
}
function deliteimg(theImg) {
	var oldsource = theImg.src;
	var newsource = oldsource.replace(/_00.jpg/g, "_0.jpg");
	theImg.src = newsource;
	
}

function inittns() {
	$('#tnroll a img').each(function(){
        attachSource(this);
      });
	
	 
	 
}

function tngshift(counter) {
	counter = (counter + tngindex < tngroups) ? (counter + tngindex) : (counter + tngindex - tngroups);
	return counter;
}

function attachSource(theObj) {
	var theLink = $(theObj).parent().attr('href');
	
	preImg = new Image();
	var newsource = theLink.split("project=");
	
	theObj.src = "thumbnails/"+newsource[1]+"_0.jpg";
	
	
	preImg.src = "thumbnails/"+newsource[1]+"_00.jpg";
	
	
	
	
}

function mailclean() {
	$('.brief').attr('href', 'mailto:info@zeichengeber.de');
}

function mailhover(mailstate) {
	if(mailstate=='in') {
		$('.brief').css('color', 'rgb(200, 150, 75)');
		$('.brief').attr('href', 'mailto:info@zeichengeber.de');}	else 
		{$('.brief').css('color', 'rgb(75, 75, 75)');}
		
}