/*
 * @author Pawel Kaczmarek pukaczmarek@gmail.com
 */

var HSBrigade = {
	init: function(){
		this.initIE();
		this.initTabsProduct();
		this.initTest();
		this.initTabs('.e1 .productSwitch li a', '.e1 .productSwitchContent > li');
		this.initTabs('.e3 .productSwitch li a', '.e3 .productSwitchContent > li');
		this.initTabs('.e10 .productSwitch li a', '.e10 .productSwitchContent > li');
	    this.externalLinks();
		this.initParallax();
		//this.twitter();
		//this.facebook();
	},
	initMenu: function(){
		$('.menuList').hover(
			function () {
				$(this).addClass('hover');
				$(this).find('.submenu').css({
					visibility: 'visible'
				});
			}, 
			function () {
				$(this).removeClass('hover');
				$(this).find('.submenu').css({
					visibility: 'hidden'
				});
			}
		);
	},
	initIE: function(){
        if ($.browser.msie && $.browser.version < 7) {
			$('img[src$=".png"], .png').ifixpng();
			this.initMenu();
			this.initTooltip();
        }
		if ($.browser.msie && $.browser.version < 9) {
			this.initCorners();
        }
    },
	initTabs: function(tabsNavi, tabsContent){
		$(tabsNavi).each(function(i){
			$(this).click(function(e){	
				$(tabsNavi).parent().removeClass('active');		
				$(this).parent().addClass('active');
				$(tabsContent).hide();
				$(tabsContent).eq(i).show();
				e.preventDefault();
			});
		});	
		$(tabsNavi).filter(':first').click();
	},
	initTest: function(){
		var t= setTimeout(function(){
			$('.produseTabsContentBg').removeClass('loadtest');
		}, 1000);
		
		var btnPrev = $('.tabsNaviTest .prev');
		var btnNext = $('.tabsNaviTest .next');	
		var tabsNavi = $('.testTabs li a');
		var tabsContent = $('.testTabsContentLi');
		
		tabsContent.hide().eq(0).show();
		tabsNavi.parent().eq(0).addClass('clickable');
		
		var q1 = $('.question-1 a');
		var q2 = $('.question-2 a');
		var q3 = $('.question-3 a');
		var q4 = $('.question-4 a');
		var q5 = $('.question-5 a');
		var q6 = $('.question-6 a');
		var q7 = $('.question-7 a');
		var qTitle = $('.barTitle');
		var female = $('.female');
		var male = $('.male');
		var homepageLink = './';
		
		
		q1.bind('click', function(){
			q1.removeClass('checked');
			$(this).addClass('checked');
			tabsNavi.parent().eq(1).addClass('clickable');
			initClickableTabs();
			
			if($(this).attr('href') == '#male'){
				male.show().addClass('sexChoice');
				female.hide().removeClass('sexChoice');
			}else{
				male.hide().removeClass('sexChoice');
				female.show().addClass('sexChoice');
			}
		});
		
		q2.bind('click', function(){
			q2.removeClass('checked');
			$(this).addClass('checked');
			tabsNavi.parent().eq(2).addClass('clickable');
			initClickableTabs();
		});
		
		q3.bind('click', function(){
			q3.removeClass('checked');
			$(this).addClass('checked');
			tabsNavi.parent().eq(3).addClass('clickable');
			initClickableTabs();
		});
		
		q4.bind('click', function(){
			q4.removeClass('checked');
			$(this).addClass('checked');
			tabsNavi.parent().eq(4).addClass('clickable');
			initClickableTabs();
		});
		
		q5.bind('click', function(){
			q5.removeClass('checked');
			$(this).addClass('checked');
			countAnswers();
			initClickableTabs();
		});
		
		q6.bind('click', function(){
			q6.removeClass('checked');
			$(this).addClass('checked');
			countAnswers2();
			initClickableTabs();
		});
		
		q7.bind('click', function(){
			q7.removeClass('checked');
			$(this).addClass('checked');
			tabsNavi.parent().eq(7).addClass('clickable');
			showRecomendation();
			initClickableTabs();
		});
		
		function showRecomendation(){
			var ansA = $('.ans-a');
			var ansB = $('.ans-b');
			var ansC = $('.ans-c');
			var answerA = $('.answer-A');
			var answerB = $('.answer-B');
			var answerC = $('.answer-C');
			
			if(ansA.hasClass('checked')){
				answerA.show().addClass('recomended');
				answerB.hide().removeClass('recomended');
				answerC.hide().removeClass('recomended');
			}else if(ansB.hasClass('checked')){
				answerA.hide().removeClass('recomended');
				answerB.show().addClass('recomended');
				answerC.hide().removeClass('recomended');
			}else{
				answerA.hide().removeClass('recomended');
				answerB.hide().removeClass('recomended');
				answerC.show().addClass('recomended');
			}
		}
		
		
		function countAnswers(){
			var majorityA = $('.answer-a.checked:not(.step-6 .answer-a.checked)').length;
			var majorityB = $('.answer-b.checked:not(.step-6 .answer-b.checked)').length;
			var majorityC = $('.answer-c.checked:not(.step-6 .answer-c.checked)').length;
			var ver1 = $('.ver-1');
			var ver2 = $('.ver-2');
			var ver3 = $('.ver-3');
			var verAB = $('.ver-AB');
			var verAC = $('.ver-AC');
			var verBC = $('.ver-BC');
			
			
			if(majorityA > majorityB && majorityA > majorityC){
				ver1.show().addClass('recon-ver');
				ver2.hide().removeClass('recon-ver');
				ver3.hide().removeClass('recon-ver');
				hideAditionalQuestion();
			}else if(majorityB > majorityA && majorityB > majorityC){
				ver1.hide().removeClass('recon-ver');
				ver2.show().addClass('recon-ver');
				ver3.hide().removeClass('recon-ver');
				hideAditionalQuestion();
			}else if(majorityC > majorityA && majorityC > majorityB){
				ver1.hide().removeClass('recon-ver');
				ver2.hide().removeClass('recon-ver');
				ver3.show().addClass('recon-ver');
				hideAditionalQuestion();
			}else if(majorityA == majorityB){
				verAB.show();
				verAC.hide();
				verBC.hide();
				showAditionalQuestion();
			}else if(majorityA == majorityC){
				verAB.hide();
				verAC.show();
				verBC.hide();
				showAditionalQuestion();
			}else if(majorityB == majorityC){
				verAB.hide();
				verAC.hide();
				verBC.show();
				showAditionalQuestion();
			}
		}
		
		function countAnswers2(){
			var majorityA = $('.answer-a.checked').length;
			var majorityB = $('.answer-b.checked').length;
			var majorityC = $('.answer-c.checked').length;
			var ver1 = $('.ver-1');
			var ver2 = $('.ver-2');
			var ver3 = $('.ver-3');

			if(majorityA > majorityB && majorityA > majorityC){
				ver1.show().addClass('recon-ver');
				ver2.hide().removeClass('recon-ver');
				ver3.hide().removeClass('recon-ver');
			}else if(majorityB > majorityA && majorityB > majorityC){
				ver1.hide().removeClass('recon-ver');
				ver2.show().addClass('recon-ver');
				ver3.hide().removeClass('recon-ver');
			}else if(majorityC > majorityA && majorityC > majorityB){
				ver1.hide().removeClass('recon-ver');
				ver2.hide().removeClass('recon-ver');
				ver3.show().addClass('recon-ver');
			}
			tabsNavi.parent().eq(6).addClass('clickable');
		}
		
		function showAditionalQuestion(){
			tabsNavi.parent().eq(5).addClass('clickable');
			$('.testTabs li a').eq(5).html('ÎINTREBAREA 5');
			$('.testTabs li a').eq(6).html('ÎINTREBAREA 6');

			if ($('.testTabs li').eq(5).hasClass('aditional')) {
				$('.testTabs li').eq(5).removeClass('aditional');
			}
			if ($('.testTabsContentLi').eq(5).hasClass('aditional')) {
				$('.testTabsContentLi').eq(5).removeClass('aditional');
			}
		}
		
		function hideAditionalQuestion(){
			tabsNavi.parent().eq(5).removeClass('clickable');
			tabsNavi.parent().eq(6).addClass('clickable');
			$('.testTabs li a').eq(6).html('ÎINTREBAREA 5');

			if (!$('.testTabs li').eq(5).hasClass('aditional')) {
				$('.testTabs li').eq(5).addClass('aditional');
			}
			if (!$('.testTabsContentLi').eq(5).hasClass('aditional')) {
				$('.testTabsContentLi').eq(5).addClass('aditional');
			}
		}
		
		function initClickableTabs(){
			var tabsContent = $('.testTabsContentLi:not(.testTabsContentLi.aditional)');
			$('.testTabs li:not(.testTabs li.aditional) a').each(function(i){ 
				if ($(this).parent().hasClass('clickable')) {
					$(this).bind('click', function(){
						btnPrev.show();
						btnNext.show();
						tabsContent.show();
						if ($(this).parent().hasClass('first')) {
							btnPrev.removeClass('activeP');
							btnNext.addClass('active');
						}
						else 
							if ($(this).parent().hasClass('last')) {
								btnPrev.addClass('activeP');
								btnNext.removeClass('active');
							}
							else {
								btnPrev.addClass('activeP');
								btnNext.addClass('active');
							}
						tabsNavi.parent().removeClass('active');
						$(this).parent().addClass('active');
						$('.testTabsContentLi').hide();
						tabsContent.eq(i).show();
					});
				}
			});
		}
		
		function switchColorBar(){
			var switchBar = $('#colorSwitch');
			var colorClass = $('.sexChoice .recon-ver .recomended .productImg img').attr('class');
			var self = this;
			
			switchBar.attr('class', colorClass);
			
		}
		
		btnNext.bind('click', function(){
			var tabsLink = $('.testTabs li a');
			var tabsLinkActive = $('.testTabs li.active a');
			if(tabsLinkActive){
				if(tabsLinkActive.parent().next().hasClass('aditional')){
					tabsLinkActive.parent().next().next().find('a').trigger('click');
				}else{
					tabsLinkActive.parent().next().find('a').trigger('click');
				}
			}
			if(tabsLink.parent().last().hasClass('active')){
				btnNext.removeClass('active');
				btnNext.html('inchide').addClass('closeBtn');
				var t = setTimeout(function(){
					btnNext.attr('href', homepageLink);
				}, 100);
				switchColorBar();
			}else{
				btnPrev.addClass('activeP');
			}
		});
		btnPrev.bind('click', function(){
			var tabsLink = $('.testTabs li a');
			var tabsLinkActive = $('.testTabs li.active a');
			if(tabsLinkActive){
				if(tabsLinkActive.parent().prev().hasClass('aditional')){
					tabsLinkActive.parent().prev().prev().find('a').trigger('click');
				}else{
					tabsLinkActive.parent().prev().find('a').trigger('click');
				}
				
			}
			if(tabsLink.parent().first().hasClass('active')){
				btnPrev.removeClass('activeP');
			}else{
				btnNext.addClass('active');
			}
			btnNext.html('următorul').removeClass('closeBtn');
			var t = setTimeout(function(){
				btnNext.attr('href', '#next')
			}, 100);
		});
	},
	initTestOld: function(){
		var btnPrev = $('.tabsNaviTest .prev');
		var btnNext = $('.tabsNaviTest .next');	
		var tabsNavi = $('.testTabs li a');
		var tabsContent = $('.testTabsContentLi');
		
		tabsContent.hide().eq(0).show();
		tabsNavi.parent().eq(0).addClass('clickable');
		
		var q1 = $('.question-1 a');
		var q2 = $('.question-2 a');
		var q3 = $('.question-3 a');
		var qTitle = $('.barTitle');
		var female = $('.female');
		var male = $('.male');
		var answerA = $('.answer-A');
		var answerB = $('.answer-B');
		var answerC = $('.answer-C');
		var answerAA = $('.answer-AA');
		var answerAB = $('.answer-AB');
		var answerAC = $('.answer-AC');
		var answerBA = $('.answer-BA');
		var answerBB = $('.answer-BB');
		var answerBC = $('.answer-BC');
		var answerCA = $('.answer-CA');
		var answerCB = $('.answer-CB');
		var answerCC = $('.answer-CC');
		
		q1.bind('click', function(){
			q1.removeClass('checked');
			$(this).addClass('checked');
			tabsNavi.parent().eq(1).addClass('clickable');
			initClickableTabs();
			
			if($(this).attr('href') == '#male'){
				male.show();
				female.hide();
			}else{
				male.hide();
				female.show();
			}
		});
		
		q2.bind('click', function(){
			q2.removeClass('checked');
			$(this).addClass('checked');
			tabsNavi.parent().eq(2).addClass('clickable');
			initClickableTabs();
			
			if($(this).attr('href') == '#A'){
				answerA.show();
				answerB.hide();
				answerC.hide();
			}else if($(this).attr('href') == '#B'){
				answerA.hide();
				answerB.show();
				answerC.hide();
			}
			else if($(this).attr('href') == '#C'){
				answerA.hide();
				answerB.hide();
				answerC.show();
			}
		});
		
		q3.bind('click', function(){
			q3.removeClass('checked');
			$(this).addClass('checked');
			tabsNavi.parent().eq(3).addClass('clickable');
			initClickableTabs();
			
			var q2Checked = $('.question-2 a.checked').attr('href');
			var q3Checked = $(this).attr('href');
			
			if(q2Checked == '#A' && q3Checked == '#A'){
				answerAA.show();
				answerAB.hide();
				answerAC.hide();
			}else if(q2Checked == '#A' && q3Checked == '#B'){
				answerAA.hide();
				answerAB.show();
				answerAC.hide();
			}else if(q2Checked == '#A' && q3Checked == '#C'){
				answerAA.hide();
				answerAB.hide();
				answerAC.show();
			}
			
			if(q2Checked == '#B' && q3Checked == '#A'){
				answerBA.show();
				answerBB.hide();
				answerBC.hide();
			}else if(q2Checked == '#B' && q3Checked == '#B'){
				answerBA.hide();
				answerBB.show();
				answerBC.hide();
			}else if(q2Checked == '#B' && q3Checked == '#C'){
				answerBA.hide();
				answerBB.hide();
				answerBC.show();
			}
			
			if(q2Checked == '#C' && q3Checked == '#A'){
				answerCA.show();
				answerCB.hide();
				answerCC.hide();
			}else if(q2Checked == '#C' && q3Checked == '#B'){
				answerCA.hide();
				answerCB.show();
				answerCC.hide();
			}else if(q2Checked == '#C' && q3Checked == '#C'){
				answerCA.hide();
				answerCB.hide();
				answerCC.show();
			}
		});
		
		
		function initClickableTabs(){
			tabsNavi.each(function(i){ 
				if ($(this).parent().hasClass('clickable')) {
					$(this).click(function(){
						btnPrev.show();
						btnNext.show();
						tabsContent.show();
						if ($(this).parent().hasClass('first')) {
							btnPrev.removeClass('activeP');
							btnNext.addClass('active');
						}
						else 
							if ($(this).parent().hasClass('last')) {
								btnPrev.addClass('activeP');
								btnNext.removeClass('active');
							}
							else {
								btnPrev.addClass('activeP');
								btnNext.addClass('active');
							}
						tabsNavi.parent().removeClass('active');
						$(this).parent().addClass('active');
						tabsContent.hide();
						tabsContent.eq(i).show();
					});
				}
			});
		}
		
		
		btnNext.bind('click', function(){
			var tabsLink = $('.testTabs li a');
			var tabsLinkActive = $('.testTabs li.active a');
			if(tabsLinkActive){
				tabsLinkActive.parent().next().find('a').trigger('click');
			}
			if(tabsLink.parent().last().hasClass('active')){
				btnNext.removeClass('active');
			}else{
				btnPrev.addClass('activeP');
			}
		});
		btnPrev.bind('click', function(){
			var tabsLink = $('.testTabs li a');
			var tabsLinkActive = $('.testTabs li.active a');
			if(tabsLinkActive){
				tabsLinkActive.parent().prev().find('a').trigger('click');
			}
			if(tabsLink.parent().first().hasClass('active')){
				btnPrev.removeClass('activeP');
			}else{
				btnNext.addClass('active');
			}
		});
	},
	initTabsProduct: function(){
		var btnPrev = $('.tabsNavi .prev');
		var btnNext = $('.tabsNavi .next');	
		var tabsNavi = $('.produseTabs li a');
		var tabsContent = $('.produseTabsContentLi');
		var startTab = $('.produseStartTab');

		var startTabsNavi = $('.startSet a');
		var startSet = $('.startSet');
		var startTabConent = $('.sets .set');
		var btnBack = $('.btnBack');
		
		var packshotLink = $('.packshotLink a');
		var tabBalsam = ('.productSwitch li a');
		
		startTabConent.addClass('hidden');
		btnPrev.hide();
		btnNext.hide();
		tabsContent.hide();
		
		btnBack.bind('click', function(e){
			startTabConent.addClass('hidden');
			tabsContent.hide();
			startTab.show();
			startSet.show();
			btnPrev.hide();
			btnNext.hide();
			tabsNavi.parent().removeClass('active');
			e.preventDefault();
		});
		
		packshotLink.each(function(i){
			$(this).click(function(e){	
				var url = $(this).attr('href').split('#');
				startTab.hide();
				tabsContent.hide();
				tabsContent.find("." +url[1]).parent().show();
				tabsNavi.parent().removeClass('active');
				tabsNavi.parent().find("." +url[1]).parent().addClass('active');
				if($(this).parent().hasClass('balsam')){
					tabsContent.find("." +url[1]).find(tabBalsam).eq(1).trigger('click');
				}
				if($(this).attr('href') == '#classiclean' ){
					tabsNavi.first().trigger('click');
				}else if($(this).attr('href') == '#smoothsilky' ){
					tabsNavi.last().trigger('click');
				}else{
					btnPrev.addClass('activeP');
					btnNext.addClass('active');
				}
				btnPrev.show();
				btnNext.show();
				e.preventDefault();
			});
		});
		
		startTabsNavi.each(function(i){
			$(this).click(function(){	
				startSet.hide();
				startTabConent.addClass('hidden');
				startTabConent.eq(i).removeClass('hidden');
			});
			
			if(location.hash == startTabsNavi.eq(i).attr('href')){
				startTabsNavi.eq(i).trigger('click');
			}
		});	
		
		tabsNavi.each(function(i){
			$(this).click(function(){	
				btnPrev.show();
				btnNext.show();
				tabsContent.show();
				startTab.hide();
				if($(this).parent().hasClass('first')){
					btnPrev.removeClass('activeP');
					btnNext.addClass('active');
				}else if($(this).parent().hasClass('last')){
					btnPrev.addClass('activeP');
					btnNext.removeClass('active');
				}else{
					btnPrev.addClass('activeP');
					btnNext.addClass('active');
				}
				tabsNavi.parent().removeClass('active');
				$(this).parent().addClass('active');
				tabsContent.hide();
				tabsContent.eq(i).show();
			});
			
			if(location.hash == tabsNavi.eq(i).attr('href')){
				tabsNavi.eq(i).trigger('click');
			}
		});	
		
		
		btnNext.bind('click', function(){
			var tabsLink = $('.produseTabs li a');
			var tabsLinkActive = $('.produseTabs li.active a');
			if(tabsLinkActive){
				tabsLinkActive.parent().next().find('a').trigger('click');
			}
			if(tabsLink.parent().last().hasClass('active')){
				btnNext.removeClass('active');
			}else{
				btnPrev.addClass('activeP');
			}
		});
		btnPrev.bind('click', function(){
			var tabsLink = $('.produseTabs li a');
			var tabsLinkActive = $('.produseTabs li.active a');
			if(tabsLinkActive){
				tabsLinkActive.parent().prev().find('a').trigger('click');
			}
			if(tabsLink.parent().first().hasClass('active')){
				btnPrev.removeClass('activeP');
			}else{
				btnNext.addClass('active');
			}
		});
	},
	initCorners: function(){
		$('.r5').corner("round 5px");
		$('.r10').corner("round 10px");
		$('.r15').corner("round 15px");
		$('.r20').corner("round 20px");
		$('.r10l').corner("round left");
		$('.r10r').corner("round right");
		$('.r10bl').corner("round bl");
	},
	initParallax: function(){
		$('.wrapper').parallax({
	      'elements': [
	        {
	          'selector': 'div.cabinetDoorView',
	          'properties': {
	            'x': {
	              'background-position-x': {
	                'initial': 50,
	                'multiplier': 0.03,
	                'unit': '%'
	              }
	            }
	          }
	        }
	      ]
	    });
		$('body').parallax({
	      'elements': [
	        {
	          'selector': '.view',
	          'properties': {
	            'x': {
	              'background-position-x': {
	                'initial': 0,
	                'multiplier': 0.005
	              }
	            }
	          }
	        },
	        {
	          'selector': '.desc',
	          'properties': {
	            'x': {
	              'background-position-x': {
	                'initial': 0,
	                'multiplier': 0.02,
	                'invert': true
	              }
	            }
	          }
	        },
	        {
	          'selector': '.doct',
	          'properties': {
	            'x': {
	              'background-position-x': {
	                'initial': 0,
	                'multiplier': 0.02,
	                'invert': true
	              }
	            }
	          }
	        },
	        {
	          'selector': '.hanger',
	          'properties': {
	            'x': {
	              'background-position-x': {
	                'initial': 0,
	                'multiplier': 0.005,
	                'invert': true
	              }
	            }
	          }
	        }
	      ]
	    });
	},
    externalLinks: function(){
        $(document).find('a').each(function(){
            if ($(this).attr('rel') === 'external') {
                $(this).unbind('click').bind('click', function(e){
                    window.open($(this).attr('href'));
                    e.preventDefault();
                });
            }
        });
    },
	clearfocus: function(inputField){
        $(inputField).each(function(i, v){
            v.defaultValue = $(v).val();
        });
        $(inputField).bind('focus', function(){
            if ($(this).val() == $(this)[0].defaultValue) 
                $(this).val('');
        }).bind('blur', function(){
            if ($(this).val() == '') 
                $(this).val($(this)[0].defaultValue);
        });
    },
	Popup: {
		show: function(element, bool){
			var totalH = Math.max($(window).height(), $(document).height());
			$('body').prepend($(element));
			
			var elementPositionTop = ($(window).height() - $(element).height()) / 2 + $(window).scrollTop();
			var elementPositionTLeft = ($(window).width() - $(element).width()) / 2 + $(window).scrollLeft();
			
			$(element).css({
				position: 'absolute',
				zIndex: 3000,
				display: 'block',
				left: elementPositionTLeft < 0 ? 0 : elementPositionTLeft,
				top: elementPositionTop < 0 ? 0 : elementPositionTop
			});
			
			if(bool){
				$(element).css({
					zIndex: 999999
				});
			}
			
			$(element).removeClass('hidden');
		},
		hide: function(element){
			$(element).css({
				left: '-99999px'
			});
		},
		remove: function(element){
			$(element).parent().remove();
		},
		autoremove: function(element){
			var t = setTimeout(function(){
				$(element).parent().remove();
			}, 10);
		}
	},
	Glass: {
        glassClass: 'glass-wrapper',
        show: function(bool){
            var totalH = Math.max( $(window).height(), $(document).height());
            var glass = $('<div />').addClass(this.glassClass).css( {
                width: '100%',
                height: totalH,
                display: 'block',
                opacity: '0.5',
                position : 'absolute',
                top : 0,
                left : 0,
                zIndex : 1000,
                background : '#000',
                overflow : 'hidden'
            });
			if(bool){
				glass.css({
					zIndex: 5000
				});
			}
            $('body').first().prepend(glass);
        },
        remove: function(){
            $('.' + this.glassClass).first().remove();
        }
    },
	initTooltip:  function(){
		$('a').hover(
			function () {
				$(this).find('.tooltip').css({
					visibility: 'visible'
				});
			}, 
			function () {
				$(this).find('.tooltip').css({
					visibility: 'hidden'
				});
			}
		);
	},
	/*facebook: function() {
		$('a.facebookBtn').bind('click', function(){
			$('a[name=fb_share]').click();
			return false;
		});
		
	},
	twitter: function() {
		$('a.twitterBtn').bind('click', function(){
			window.open('http://twitter.com/share?text=' + encodeURI($('meta[name=description]').attr('content')),'Twitter share','width=600,height=400');
			return false;
		});
	}*/
};


$(function(){
	HSBrigade.init();
});