var popBox = $('#popupBox');
var xbtn   = $('#closeBtn');
var vCnt = 0;
var pCnt = 0;
var isAnimated = false;
var savedClickNode;

$(document).ready( function(){
	
	//add events to site
	addEvent();
	
});
   
function addEvent(){

	xbtn.click( function(){
		close();
	});
	
	//click
	$('.buttonTest').click( function(e) {
		//save click

		savedClickNode = this.parentNode;
		
		var screenPos = {"x":e.clientX,"y":e.clientY };
		
		openPop(savedClickNode,screenPos);
	});
				
}

function addVideoEvent(){

	//check click on videoThumb
	$('.clicker').click( function() {
		switchVideo(this.parentNode);
	});
		
	//add click on arrows
	$('#leftBtn').click( function() {
		animateVideo("left");
	});
	
	$('#rightBtn').click( function() {
		animateVideo("right");
	});
	
	//add nav to pdf slider
	$('#rightBtnPdf').click( function() {
		movePdf("right");
	});
	
	$('#leftBtnPdf').click( function() {
		movePdf("left");
	});
	
	$('body').click( function(e) {
		
		var clicked = e.srcElement;
		
		if( popBox.css('opacity') == 1 && clicked != popBox ){
			//close();
		}
		
	});
	
	//add mouseover change on nav ndc8
	var images = ["multi.jpg","magnetic.jpg","wire.jpg","spot.jpg","range.jpg","eye.jpg","laser.jpg"];
	var current = $('.navcurrent');
	
	$('.navthumbs img').bind({
	
		"mouseenter":  function(){
			var id = parseInt( $(this).attr('id') );
			var cthumb = $(this);
			
			current.fadeOut(150,function(){
				current.css('background-image','url(../img/'+images[id]+')');	
				current.fadeIn(150);	
			});
			
			
			cthumb.animate({"opacity":1.0},50);
			
			console.log(cthumb);
			
		},
		"mouseout": function(){
			var cthumb = $(this);
			
			//always show multi
			current.fadeOut(150,function(){
				current.css('background-image','url(../img/'+images[0]+')');
				current.fadeIn(150);	
			});
			
			cthumb.animate({"opacity":0.5},50);
		}
		
	});
	
}

/*cleanup events after close*/
function stopVideoEvent(){
	$('.clicker').off();
	$('#leftBtn').off();
	$('#rightBtn').off();
	$('#rightBtnPdf').off();
	$('#leftBtnPdf').off();
	$('.navthumbs img').unbind();
}

/*move pdf, the hole shit*/
function movePdf(dir){
	var slider = $('.pdfhidden');
	var antal = slider.children('ul').children('li').length;
	var shows = 5;

	if( dir == "right" && !isAnimated ){
	
		if( (shows+pCnt) < antal ){
			isAnimated = true;
			
			pCnt++;
		
			var sizeToMove = 150 * (pCnt) + (pCnt*5);
		
			slider.animate( { "left":-sizeToMove },500,function(){
				isAnimated = false;
			} );
			
		}
		
	} else if( dir == "left" ) {
		
		if( (antal-pCnt) < antal ){
			isAnimated = true;
			
			pCnt--;
			
			var sizeToMove = 150 * (pCnt) + (pCnt*5);
		
			slider.animate( { "left":-sizeToMove },500,function(){
				isAnimated = false;
			} );
					
		}
	}
	
}

//animate holder left/right
function animateVideo(dir){
	var slider = $('.thumbSlider');
	
	//vars
	var antal = slider.children('div').length;
	var shows = 4;
	var ok = antal-vCnt;
	
	console.log(antal);
	
	if( dir == "right" && !isAnimated ){
	
		if( (shows+vCnt) < antal ){
			isAnimated = true;
			
			vCnt++;
		
			var sizeToMove = 110 * (vCnt) + 25;
		
			slider.animate( { "left":-sizeToMove },350,function(){
				isAnimated = false;
			} );
			
		}
		
	} else if( dir == "left" ) {
		
		if( (antal-vCnt) < antal ){
			isAnimated = true;
			
			vCnt--;
			
			var sizeToMove = 110 * (vCnt) + 25;
		
			slider.animate( { "left":-sizeToMove },350,function(){
				isAnimated = false;
			} );
					
		}
	}

	
	
	
}
 
//switch video in current
function switchVideo(vID){
	var url = $(vID).children('iframe').attr('src');
	
	//empty current videoContainer
	$('#curentVideo').html('');
	
	var embedURL = "<iframe class='youtube-player' type='text/html' width='540' height='220' src='"+url+"' frameborder='0'></iframe>";
	
	//add new embed code	
	$('#curentVideo').html(embedURL);
	
}

//function for loading html files to popUp//
/*
@id = parent for buttonClass
switch() checks for its name

@loadurl = pop/XXXXX/ (XXXX.html in folder named pop)
EX:
-----------------------------------
<div id="startPerf" class="loc?XX?">
	<div class="buttonTest"></div>
	<p>Play demos</p>
</div>
-----------------------------------
*/
function popUpAndLoad(id){

	//check which button we clicked
	var pClassName = $(id).attr('class');
	var loadurl = "";
	
	switch( pClassName ){
		
		//page #home
		case "loc1":
			loadurl = "pop/startProf.html";
		break;
		
		case "loc2":
			loadurl = "pop/startCosts.html";
		break;
		
		//page #ndc8
		case "loc3":
			loadurl = "../pop/ndc8Navigation.html";
		break;
		
		case "loc4":
			loadurl = "../pop/ndc8Offer.html";
		break;
		
		case "loc5":
			loadurl = "../pop/ndc8Hardware.html";
		break;
		
		case "loc6":
			loadurl = "../pop/ndc8Software.html";
		break;
		
		//page #services
		case "loc7":
			loadurl = "../pop/servicesUppgrade.html";
		break;
		
		case "loc8":
			loadurl = "../pop/servicesSales.html";
		break;
		
		case "loc9":
			loadurl = "../pop/servicesDesign.html";
		break;
		
		case "loc10":
			loadurl = "../pop/servicesCommiss.html";
		break;
		
		case "loc11":
			loadurl = "../pop/servicesOper.html";		
		break;
		
		case "loc12":
			loadurl = "../pop/casesSucess.html";
		break;
		
		case "loc13":
			loadurl = "../pop/casesVideo.html";
		break;
		
		//page #partner
		case "loc14":
			loadurl = "../pop/partnerWhy.html";
		break;
		
		case "loc15":
			loadurl = "../pop/partnerMember.html";
		break;
		
		case "loc16":
			loadurl = "../pop/partnerChannel.html";
		break;
		
		case "loc17":
			//log in, no popup, direct link
		break;
		
		case "loc18":
			loadurl = "../pop/learnmoreBrochures.html";
		break;
					
		default:
			throw "index out ouf range =), aka no class for parentNode";
	}
	
	if( loadurl != "" && id ){
		
		//begin load
		$.ajax({
		
			url: loadurl,
			cache: false,
			beforeSend: function(){
				//open();
				//preper for request
				//popBox.append("<img src='http://localhost:8888/kollmorgen/img/loader.gif' alt='loader'>");
			},
			
			success: function(data){
				//request is done

				var htmlString = data;

				//popBox.children('img').detach();
				popBox.children('.holder').html('');
				
				//add data to box
				popBox.children('.holder').append( data );
				
				//add events for video
				addVideoEvent();
			},
			
			statusCode:{
				404: function(){
					//handele 404 errors here
					//popBox.children('img').detach();
					popBox.children('.holder').append( "<p>Error on request, page couldnt be found</p>" );
				}
			}
			
		});
		
	} //end loadurl && id
		
}

//close popup upon click x
function close(){

	if( popBox ){

		popBox.fadeOut(200,function(){
			popBox.children('.holder').html('');
			stopVideoEvent();
		});
		
	} else {
		//error
		console.log("error, box didnt exist");
	}
	
}

//open popUp
function openPop(id,obj){

	var pClassName = $(id).attr('class');
	var nr         = pClassName.split("loc");
	var inr        = parseInt(nr[1]);
	
	if( inr == 1 ){
		popBox.css('width','660px');
		popBox.css('height','310px');
		
		popBox.css('top','145px');
		popBox.css('left','25px');
	}
	
	if( inr == 2 ){
		popBox.css('width','642px');
		popBox.css('height','375px');
		
		popBox.css('top','85px');
		popBox.css('left','25px');	
	}
	
	if( inr >= 3 && inr <= 6 ){
		popBox.css('width','900px');
		popBox.css('height','455px');
		
		popBox.css('left','15px');
		
	}
		
	if( inr == 4 || inr == 3 ){
		popBox.css('width','720px');
		popBox.css('height','450px');
		
		popBox.css('left','115px');
		popBox.css('top','75px');
	}
	
	if( inr == 7 ){
							
		//change size
		popBox.css('width','210px');
		popBox.css('height','180px');
		
		//position
		popBox.css('left','300px');
		popBox.css('top','250px');
		
	}
	
	if( inr == 8 ){
							
		//change size
		popBox.css('width','210px');
		popBox.css('height','160px');
		
		//position
		popBox.css('left','370px');
		popBox.css('top','140px');
		
	
	}
	
	if( inr == 9 ){
							
		//change size
		popBox.css('width','200px');
		popBox.css('height','140px');
		
		//position
		popBox.css('left','523px');
		popBox.css('top','90px');
		
	
	}

	if( inr == 10 ){
							
		//change size
		popBox.css('width','190px');
		popBox.css('height','140px');
		
		//position
		popBox.css('left','690px');
		popBox.css('top','150px');
		
	
	}
	
	if( inr == 11 ){
							
		//change size
		popBox.css('width','235px');
		popBox.css('height','160px');
		
		//position
		popBox.css('left','670px');
		popBox.css('top','350px');
		
	
	}
	
	if( inr == 12 || inr == 18 ){
		//change size
		popBox.css('width','900px');
		popBox.css('height','300px');
		
		popBox.css('top','155px');
		popBox.css('left','15px');
	}
	
	if( inr == 13 ){
		//change size
		popBox.css('width','580px');
		popBox.css('height','440px');
		
		popBox.css('top','85px');
		popBox.css('left','155px');
	}
		
			
	if( inr == 14 ){
		//change size
		popBox.css('width','400px');
		popBox.css('height','160px');
		
	}
	
	if( inr == 15 ){
		popBox.css('width','580px');
		popBox.css('height','380px');
	}
	
	/*links collection*/
	if( inr == 16 ){
		popBox.css('width','800px');
		popBox.css('height','460px');
		
	}
	
	/*new window*/
	if( inr == 17 ){
		//redirect to a page
		var url = "http://partner.ndc8.com/";

		if( window ){
			window.open(url,"_blank");
		} else {
			location.href = url;	
		}
		
	}
	
	if( inr == 14){
		
	}
	
	//position here $popup css//
		
	if( popBox && inr != 17 ){
		//check size and position window according to its size
				
		popBox.fadeIn(300,function(){
			popUpAndLoad(savedClickNode);
		});
		
		
	} else {
		//error
		console.log("error, box didnt exist");
	}
	
}