// JavaScript Document
// 2011 by NY.
// http://www.ny.se/
var activeTab = 'pictures';
var videoActive = false;
var draggingMode = 'false';
var strBackgroundImage = 'none';
var initOnce = 1;

$(document).ready(function (){

	
	//NEWS
	/*$('#list').removeClass('hide');
	
	
	$('.newsLink').click(function(ev) {
		ev.preventDefault();
		var title = $(this).attr('title');
		$('.newsPage').hide();//addClass('hide');
		$('#'+title).fadeIn(700);//removeClass('hide');
		
		
		$('.newsLink').removeClass('active');
		$('.newsLink').each(function() {
			
			if($(this).attr('title') == title) {
				$(this).addClass('active');
			}
		});
	
	
		
		
	});*/
	
	
	$('a#scroll').click(function(){
		$('html, body').stop().animate({
	           scrollTop: 980
	     }, 1500,'easeInOutExpo');
     });

	
	//OPEN YOUTUBE LINKS
	$('a.youtubelink').hover(function(){
		$(this).children('div.playButton').animate({opacity: '1'}, 300);
	},function(){
		$(this).children('div.playButton').animate({opacity: '0.8'}, 300);
	});
	
	//START YOUTUBE HOVER
	$('div.youtubeStart').hover(function(){
		$(this).children('.playButtonBig').animate({opacity: '1'}, 300);
	},function(){
		$(this).children('.playButtonBig').animate({opacity: '0.8'}, 300);
	});
	
		
	
	//BILDNAVIGATION BADRUMSINREDNING 
	$('.flexslider').flexslider({
		   animation: "fade",
		   //slideDirection: "horizontal",
		   //mousewheel: true,
		   pauseOnHover: true
	});
	
	var elem ="";
	$('.slides li').live('mouseenter', function () {
		elem = $(this).children('p.caption');
		elem.stop().animate({top: 0+'px'}, 300);	
  	});
  	
  	$('.flexslider').live('mouseleave', function() {
    	elem.stop().animate({top: -30+'px'}, 300);
    });
	
	
	//LIGHTBOX
	$('a.lightbox').live('click', function() {
		$.fancybox({
		'padding': 20,
			'href': $(this).attr('val')
		});
		return false;
	});
	
	//LIGHTBOX 2
	$('a.lightbox2').click(function() {
		$.fancybox({
			'padding': 20,
			'href': $(this).attr('href')
		});
		return false;
	});
	
	
	//LIGHTBOX YOUTBE
	$('a.youtube').live('click', function() {
	    $.fancybox({
	    	'padding': 20,
	        'type' : 'iframe',
	        // hide the related video suggestions and autoplay the video
	        'href' : this.href.replace(new RegExp('watch\\?v=', 'i'), 'embed/') + '?rel=0&autoplay=1',
	        'overlayShow' : true,
	        'centerOnScroll' : true,
	        'speedIn' : 100,
	        'speedOut' : 50,
	        'width' : 590,
	        'height' : 360
	    });
	    // "this.preventDefault()" doesn't work here
	    return false;
	});

	
	//DROP DOWN BADRUMSINREDNING
	
	var config = {    
	     over: makeTall,
	     timeout: 200,
	     out: makeShort,
	     sensitivity: 10,
	     interval: 50 
	};
	
	$('#menu ul#item2').hoverIntent(config);		
	
	var url = getURL();
	var foundin = url.match("badrumsinredning");	
	
	function makeTall(){ 
		$('ul.newsubmenu').stop().animate({"height":240},100);
		//if(!foundin){
			$(this).find('.top').addClass('tempac');
		//}
	}

	function makeShort(){
		var tar = $(this).find('.top');
		$('ul.newsubmenu').stop().animate({
		    "height":0
		}, 100, function() {
		//if(!foundin){
		    tar.removeClass('tempac');
		   // }
		});
	}
	
	//END
	
	
	//DROP DOWN PRODUKTER
	var config2 = {    
	     over: makeTall2,
	     timeout: 150,
	     out: makeShort2,
	     sensitivity: 10,
	     interval: 50
	};
	
	$('ul.sf-menu').hoverIntent(config2);
	
	function makeTall2(){  
		$(this).find('ul').stop().animate({"height":220},100);
	}
	function makeShort2(){ $(this).find('ul').stop().animate({"height":0},100);}
	
	
	

	
	//SUBMENY BADRUMSINREDNING
	var remember = "";
	var aTag ="";
	
	$('.liTop a').click(function(){
		if(remember==""){
			var tar1 = $('ul.ulTop li.liTop a.active');
			var tar2 = $('ul.ulSub li a.active');
			
			if($(this).hasClass('active')){
				$(this).parents('.ulTop').find('.ulSub').slideUp('fast');
				$(this).removeClass('active');
			}
			else{
				tar2.removeClass('active');
				tar1.removeClass('active');
				tar1.parents('ul.ulTop').find('.ulSub').slideUp('fast');
				
				$(this).parents('.ulTop').find('.ulSub').slideDown('fast');
				$(this).toggleClass('active');
			}
		}
		else if($(this).hasClass('active')){
			$(this).parents('.ulTop').find('.ulSub').slideUp('fast');
			$(this).removeClass('active');
		}
		
		else{
			remember.slideUp('fast');
			aTag.removeClass('active');
			
			$(this).parents('.ulTop').find('.ulSub').slideDown('fast');
			$(this).addClass('active');
		}
		aTag = $(this);
		remember = $(this).parents('.ulTop').find('.ulSub');
	
	});

	var error = new Boolean();
	var submited = new Boolean();
	$('form#katalogbest').submit(function(){
		
		var namn = $(this).children('input[name$="namn"]');
		var adress = $(this).children('input[name$="adress"]');
		var postnummer = $(this).find('input[name$="postnummer"]');
		var ort	= $(this).find('input[name$="ort"]');
		var epost = $(this).children('input[name$="epost"]');
		

		
		if(error===true){
			$('.error').remove();
			error = false;
		}
		
		//Validera namn
		if(namn.val().length==0){
			namn.after('<div class="error"><div class="inside"><p>Du måste fylla i ditt namn</p></div></div>');
			error = true;
		}
		else if(namn.val().length<3){
			namn.after('<div class="error"><div class="inside"><p>Du måste ange ett korrekt namn</p></div></div>');
			error = true;
		}
		
		//Validera adress
		if(adress.val().length==0){
			adress.after('<div class="error"><div class="inside"><p>Du måste fylla i din adress</p></div></div>');
			error = true;
		}
		else if(adress.val().length<4){
			adress.after('<div class="error"><div class="inside"><p>Du måste ange en korrekt adress</p></div></div>');
			error = true;
		}
		
		//Validera postnummer
		if(postnummer.val().length==0){
			ort.after('<div class="error"><div class="inside"><p>Du måste fylla i ditt postnr</p></div></div>');
			error = true;
		}
		else if($.isNumeric(postnummer.val().replace(/ /g,''))===false || postnummer.val().length<5 || postnummer.val().length>6){
			ort.after('<div class="error"><div class="inside"><p>Du måste ange ett korrekt postnr</p></div></div>');
			error = true;
		}
		else if(ort.val().length==0){
			ort.after('<div class="error"><div class="inside"><p>Du måste fylla i din ort</p></div></div>');
			error = true;
		}
		
		else if(ort.val().length<3){
			ort.after('<div class="error"><div class="inside"><p>Du måste ange en korrekt ort</p></div></div>');
			error = true;
		}
		
		if(epost.val().length>0 && !isValidEmailAddress(epost.val())){
			epost.after('<div class="error"><div class="inside"><p>Du måste ange en korrekt e-post</p></div></div>');
			error = true;
		}
		
		
		if(error===true){
			$('.error').fadeIn();
		}
		
		else if(submited===true){
			$('#confirmation').html('<h3 style="color:red">Du har redan beställt katalogen</h3>');
			$('#confirmation').fadeIn();
		}
		else{
		
			$.ajax({
			  	url: '../includes/sendemail.php',
			  	type: "POST",
			  	//cache: false,
				dataType: 'html',
			  	data: 'namn='+namn.val()+'&adress='+adress.val()+'&postnummer='+postnummer.val()+'&ort='+ort.val()+'&epost='+epost.val(),
			
			  	success: function(html) {
			    	
			    	$('#confirmation').html(html);
			    	$('#confirmation').fadeIn();
			    	submited = true;
			  	}
			});
		}
		
		return false;
});	
		
});

function isValidEmailAddress(emailAddress) {
    var pattern = new RegExp(/^(("[\w-+\s]+")|([\w-+]+(?:\.[\w-+]+)*)|("[\w-+\s]+")([\w-+]+(?:\.[\w-+]+)*))(@((?:[\w-+]+\.)*\w[\w-+]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][\d]\.|1[\d]{2}\.|[\d]{1,2}\.))((25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\.){2}(25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\]?$)/i);
    return pattern.test(emailAddress);
};



function catalogueOrdered(){
	strTrack = "/katalog-ordered/";
	_gaq.push(['_trackPageview', strTrack]);
  	clicky.goal(strTrack);
	
}



//AJAX PRODUKTER 
function getProductbyAjax(strProductID){
	var height = $('.rightContent').height();
	$('.rightContent').css('height', height+'px');
	$('.svanen').hide();
	strReturn = 'false';
	$.ajax({ 
		    url: ("/getproductajax.php?"+strProductID),
			error: function(){strReturn = true;},
			success: function(data){
			$('.rightContent').fadeTo(0,0, function(){								 
					$(this).html(data);	
					$('.rightContent').fadeTo("fast",1, function(){
					$('.svanen').fadeIn();
					});
					
					strgetURL = getURL() + "?" + strProductID;
					loadJS();
			 });
	 		

      }});	
	return false;
}



/*

function loadNewsLetter(strtochangelikemagic, strlang){

var newshtml = '<form name="newsletter" id="newsletter" onsubmit="return sendNewsLetter(';
newshtml += "'" + strtochangelikemagic + "', '#mymejl', '" + strlang + "'";

if(strlang == 'no'){
newshtml += ')">Abonnere p&aring; v&aring;rt nyhetsbrev:<br/><input type="text" name="mymejl" id="mymejl" class="myinputstyle" size="25" value="Angi mailadresse" style="height: 20px" onfocus="';
newshtml += "if(this.value == 'Angi mailadresse'){this.value = ''}";
newshtml += '" onblur="';
newshtml += "if(this.value == ''){this.value = 'Angi mailadresse'}";
}
if(strlang == 'dk'){
newshtml += ')">Tilmeld dig til vores nyhedsbrev:<br/><input type="text" name="mymejl" id="mymejl" class="myinputstyle" size="25" value="Angiv mail adresse" style="height: 20px" onfocus="';
newshtml += "if(this.value == 'Angiv mail adresse'){this.value = ''}";
newshtml += '" onblur="';
newshtml += "if(this.value == ''){this.value = 'Angiv mail adresse'}";
}
if(strlang == 'se'){
newshtml += ')">Anm&auml;l dig till v&aring;rt nyhetsbrev:<br/><input type="text" name="mymejl" id="mymejl" class="myinputstyle" size="25" value="Ange mejladress" style="height: 20px" onfocus="';
newshtml += "if(this.value == 'Ange mejladress'){this.value = ''}";
newshtml += '" onblur="';
newshtml += "if(this.value == ''){this.value = 'Ange mejladress'}";

}
if(strlang == 'fi'){
newshtml += ')">Anm&auml;l dig till v&aring;t nyhetsbrev:<br/><input type="text" name="mymejl" id="mymejl" class="myinputstyle" size="25" value="Sähköpostiosoite" style="height: 20px" onfocus="';
newshtml += "if(this.value == 'Sähköpostiosoite'){this.value = ''}";
newshtml += '" onblur="';
newshtml += "if(this.value == ''){this.value = 'Sähköpostiosoite'}";

}
newshtml += '" /> <input type="submit" value="OK" class="myinputbutton" style="width: 30px; height: 28px;"/></form>';

$(strtochangelikemagic).fadeTo('fast',0, function(){

$(strtochangelikemagic).html(newshtml);
$(strtochangelikemagic).fadeTo('fast',1);
strTrack = "/newsletter-load-footer/";
_gaq.push(['_trackPageview', strTrack]);

clicky.goal(strTrack);

});


return false;

}

*/

function sendNewsLetter(strtochangelikemagic, strtocalllikemagic, strlang){
strNewsMail = $(strtocalllikemagic).val();
strQuery = '';
if(strNewsMail.indexOf('@') != -1){
strQuery = 'mymejl='+strNewsMail;
$.ajax({ 
		    url: ("/signnewsletter.php?"+strQuery),
			error: function(){strReturn = true;},
			success: function(data){
			$(strtochangelikemagic).fadeTo("fast",0, function(){								 
					$(this).html(data);	
					$(strtochangelikemagic).fadeTo("fast",1);
					strTrack = "/newsletter-done/";
					_gaq.push(['_trackPageview', strTrack]);
					
  					clicky.goal(strTrack);
					
			 });
	 		

      }});	
}else{
	if(strlang == 'se'){
		alert('Ange korrekt mejladress');
	}
	if(strlang == 'no'){
		alert('Angi riktig mailadresse');
	}
	if(strlang == 'fi'){
		alert('Anna oikea sähköpostiosoite');
	}
	if(strlang == 'dk'){
		alert('Angiv korrekt mail adresse');
	}
}

return false;

}

/*
function showTabExecute(strTabName, strSerie, strExecuteAfter){
	
	
if($(activeTab).is(':visible')){
	$(activeTab).fadeOut("fast", function(){
	
		//v1.01
		   if(strTabName == '#mainMovieList'){
			   $("#mediaBox").animate({height: '380'}, 600, 'linear', function(){
					
					strReturn = getMediabyAjax('video',strSerie,strExecuteAfter);
				 						
																			   });	
			   $("#topBlock").animate({height: '410'}, 600, 'linear');	   
			   
		   }else if(strTabName == '#mainPictureList'){
			   strReturn = getMediabyAjax('picture',strSerie,strExecuteAfter);
			   
			   
		   }			   
		   else if(strTabName == '#mainPictureDetailList'){
			   strReturn = getMediabyAjax('picturedetail',strSerie,strExecuteAfter);
			   	 
		   }
		   else{

			   //if(strBackgroundImage != 'none'){
			  		 //$("#topBlock").css({'background-image' : strBackgroundImage});
			  		 $("#topBlockbg").fadeTo("slow",1);
			  	//	 }
			  	$(strTabName).fadeIn("slow");
		   }
		   activeTab = strTabName;
	 });
}else{
	
	//v1.01
	if(strTabName == '#mainMovieList'){
			   $("#mediaBox").animate({height: '380'}, 600, 'linear', function(){
					
					strReturn = getMediabyAjax('video',strSerie,strExecuteAfter);
				 						
																			   });	
			   $("#topBlock").animate({height: '410'}, 600, 'linear');	   
			   
		   }else if(strTabName == '#mainPictureList'){
			   strReturn = getMediabyAjax('picture',strSerie,strExecuteAfter);
			   
			   
		   }			   
		   else if(strTabName == '#mainPictureDetailList'){
			   strReturn = getMediabyAjax('picturedetail',strSerie,strExecuteAfter);
			   	 
		   }
		   else{

			   //if(strBackgroundImage != 'none'){
			  		 //$("#topBlock").css({'background-image' : strBackgroundImage});
			  		 $("#topBlockbg").fadeTo("slow",1);
			  	//	 }
			  	$(strTabName).fadeIn("slow");
		   }
		   activeTab = strTabName;


}
}

function showTab(strTabName, strSerie, strExecuteAfter){
	
	//Handle the header tabs

	if(strTabName != activeTab){
	
	$('#topBlockarrowl').fadeTo(1, 0);
	$('#topBlockarrowr').fadeTo(1, 0);
	

	//CHANGE HASHTAG
	
		strAddQuery = $.address.value();
   		strAddQuery = strAddQuery.replace('/?', '');
  	 	strCleanUrl = '';
    
   		if(strTabName == '#mainMovieList'){
   		strCleanUrl = 'video';
   		}
   		if(strTabName == '#mainPictureList'){
   		strCleanUrl = 'picture';
   		}
   		if(strTabName == '#mainPictureDetailList'){
   		strCleanUrl = 'detailpicture';
   		}
   		if(strTabName == '#introCont'){
   		strCleanUrl = 'intro';
   		}
   		
   		
   		//$(strTabName).addClass("active");
		$("#subMenu li").find('.active').removeClass("active");
		$("#subMenu" + strCleanUrl).addClass("active");
		//alert("#subMenu" + strCleanUrl);

        $.address.parameter('tab', strCleanUrl);
        
        if(initOnce != 1){
        		//cleanup url
       		 $.address.parameter('vid', '');
       		 $.address.parameter('pid', '');
		}else{
		initOnce = 0;
		}
		if(initAddresses == 0){
			$.address.update();
		}
		if(initAddresses == 1){ //initadresses is now over
			initAddresses = 0;
		}
		if(activeTab == ''){
			//$(strTabName).fadeIn("slow"); 
			activeTab = strTabName;
			showTabExecute(strTabName, strSerie, strExecuteAfter);
		}else{
			if(activeTab == '#mainMovieList'){
					swfobject.removeSWF('videoContBox');	
					$("#mediaBox").animate({height: '300'}, 600, 'linear', function(){
							
							showTabExecute(strTabName, strSerie, strExecuteAfter);
							
																				});
					$("#topBlock").animate({height: '330'}, 600, 'linear');
				
			}else{
				showTabExecute(strTabName, strSerie, strExecuteAfter);
			}
		}
		
		
	}
	return false;
}


function getMediabyAjax(strType, strSerie, strExecuteAfter){
	strReturn = 'false';
	strQuery = 'type='+strType+'&s='+strSerie;
	$.ajax({ 
		    url: ("/getmediaajax.php?"+strQuery),
			error: function(){strReturn = true;},
			success: function(data){
			
				//Remove the background	
				//strBackgroundImage = $("#topBlock").css('background-image');
				$("#topBlockbg").fadeTo("slow",0);
				//$("#topBlock").css({'background-image' : 'none'});

				if(strType == 'video'){
					
					$('ul.movieList').html(data);	
					$('#mainMovieList').fadeIn("slow", function(){
						loadHeaderJS(strType);
						if(strExecuteAfter){
				 			if(strExecuteAfter.length > 0){
		           		  	  	if(strAddQuery.indexOf('vid') != -1){
		           		  	  	var strtempquery = $.address.parameter('vid');
		           		  	  	strtempquery = decode(strtempquery);
		           		  	  	strtempquery = decode(strtempquery);
		            				loadVideotoPlay(strtempquery);
    	            		    }
    	            		    
    	            		    
		               		   }	
		           		  }
	
																});
				}
				if(strType == 'picture'){
					
					$('ul.pictureList').html(data);	
					$('#mainPictureList').fadeIn("slow", function(){
						$('#topBlockarrowl').fadeTo(1, 0.8);
						$('#topBlockarrowr').fadeTo(1, 0.8);
						loadHeaderJS(strType);
						
						if(strExecuteAfter){
				 			if(strExecuteAfter.length > 0){
		           		  	  if(strAddQuery.indexOf('pid') != -1){
		            			loadPicturetoShow($.address.parameter('pid'));
    	            		    }
    	            		    
		               	  	 }	
		            	 }

								
																  });
				}
				if(strType == 'picturedetail'){
					
					$('ul.pictureList').html(data);
					$('#mainPictureDetailList').fadeIn("slow", function(){
						$('#topBlockarrowl').fadeTo(1, 0.8);
						$('#topBlockarrowr').fadeTo(1, 0.8);
						loadHeaderJS(strType);
						if(strExecuteAfter){
				 			if(strExecuteAfter.length > 0){
		           		  	  if(strAddQuery.indexOf('pid') != -1){
		            			loadPicturetoShow($.address.parameter('pid'));
    	            		    }
    	            		    
		               	   }	
		             }
																		  
																  });
				}
					

      }});
	return false;
}
*/

function getURL(){
	var strReturnURL;
	var url = window.location.href;
	var urlsplit = url.split("?");
	strReturnURL = urlsplit[0]; 
	return strReturnURL;
}

function errorHandler(XMLHttpRequest, textStatus, errorThrown){
	alert(XMLHttpRequest + ' a ' + textStatus + ' b ' + errorThrown);
}
function decode(str) {
     return unescape(str.replace(/\+/g, " "));
}
function opencatalugue(strlang){
	if(strlang == 'se'){
	//window.open('http://np.netpublicator.com/netpublication/n59943919','_blank');
	window.open('http://www.aspenbad.se/katalog/online/','_blank');
	}if(strlang == 'no'){
	//window.open('http://np.netpublicator.com/netpublication/n93460278','_blank');
	window.open('http://www.aspenbad.no/katalog/online/','_blank');
	}if(strlang == 'fi'){
	window.open('http://www.aspenbad.fi/?nocatalogue','_blank');
	}if(strlang == 'dk'){
	window.open('http://www.aspenbad.dk/katalog/online/','_blank');
	}
	strTrack = "/katalog/online/";
	_gaq.push(['_trackPageview', strTrack]);
	
  	clicky.goal(strTrack);

}

$.fn.extend({
	toolTip: function(x, y, target, speed){

		this.live('mouseenter', function (){
				
			var title = $(this).children('img').attr('title');
			//var targetDiv = $(this).parents(target);
			var targetDiv = $('body');
			var position = $(this).position();
			
			var offset= $(this).offset();
			
			//var left = position.left-x;
			//var top = position.top-y;
			
			var toolTip = '<div class="tooltip"><div class="rel"><div class="box"><p>'+title+'</p></div><img src="'+$(this).attr('href')+'"/><div class="arrow"></div></div></div>';
			targetDiv.append(toolTip);
		
			function doneHTML(){
				
				var left = offset.left-x;
				var top = offset.top-parseInt($('.tooltip').height())-y;
				
				$('.tooltip').css('left', left+'px');
				$('.tooltip').css('top', top+'px');
				$('.tooltip').fadeIn(speed, function(){	});
			}
			
			$('.tooltip').waitForImages(function() {
				 doneHTML();
			});
			
	

		}).mouseleave(function() {
			
			$('.tooltip').fadeOut(0, function(){
				$('.tooltip').remove();
			});
			
    		
  		});
	}
});

$.fn.extend({
	toolTip2: function(x, y, target, speed){

		this.live('mouseenter', function (){
		
			var series = $(this).attr('val');
			
			//var targetDiv = $(this).parents(target);
			var targetDiv = $('body');
			
			var toolTip = '';
			var position = $(this).position();
			
			//var left = position.left-x;
			//var top = position.top-y;
			
			var offset= $(this).offset();
			
			var left = offset.left-x;
			var top = offset.top-y;
			
			function doneHTML(data) {
				//console.log(data);
				toolTip = data;
				
    			targetDiv.append(toolTip);
    			
				$('.tooltip2').css('left', left+'px');
				$('.tooltip2').css('top', top+'px');
				$('.tooltip2').fadeIn(speed);
			}
 
			//$.get('badrumsinredning/'+series+'/html/index.html', doneHTML);
			$.get('badrumsinredning/'+series+'/html/index.html', doneHTML);

		}).live('mouseleave', function() {
			
			$('.tooltip2').fadeOut(0, function(){
				$(this).remove();
			});
			

  		});
	}
});

$.fn.extend({
	animateOpacity: function(){
		this.live('mouseenter', function (){
			$(this).children('.hoverBox').stop().animate({opacity: 0},350);
		}).live('mouseleave', function() {
			$(this).children('.hoverBox').stop().animate({opacity: 1},350);
  		});
	}
});