$(function () {
	var href = window.parent.document.location.href;

	var gb_header_height = $(window.parent.document).find('.model-header').height();
	var aorus_header_height = $(window.parent.document).find('#g_header').height();
	var aorus_title_height = $(window.parent.document).find('#pdif_title').height();

	mbdiv_main = gb_header_height - aorus_header_height - aorus_title_height;

	
	if (href.indexOf("aorus.com") >= 0) {
		$("#choosebar").remove();
	}

	$("#li01, #click01").click(function () {
		$("html,body").animate({ scrollTop: ($('#mainsec1').offset().top) - 30 - mbdiv_main }, 800);
	});

	$("#li02, #click02").click(function () {
		$("html,body").animate({ scrollTop: ($('#mainsec2').offset().top) - 30 - mbdiv_main }, 800);
	});

	$("#li03, #click03").click(function () {
		$("html,body").animate({ scrollTop: ($('#mainsec3').offset().top) - 30 - mbdiv_main }, 800);
	});

	$("#li04, #click04").click(function () {
		$("html,body").animate({ scrollTop: ($('#mainsec4').offset().top) - 30 - mbdiv_main }, 800);
	});

	$("#li05, #click05").click(function () {
		$("html,body").animate({ scrollTop: ($('#mainsec5').offset().top) - 30 - mbdiv_main }, 800);
	});

	$("#li06, #click06").click(function () {
		$("html,body").animate({ scrollTop: ($('#mainsec6').offset().top) - 30 - mbdiv_main }, 800);
	});

	$("#li07, #click07").click(function () {
		$("html,body").animate({ scrollTop: ($('#mainsec7').offset().top) - 30 - mbdiv_main }, 800);
	});

	$("#li08, #click08").click(function () {
		$("html,body").animate({ scrollTop: ($('#mainsec8').offset().top) - 30 - mbdiv_main }, 800);
	});


	$("#mainsec1 .t1").click(function () {
		$("html,body").animate({ scrollTop: ($('#mainsec1 .t1').offset().top) - 30 - mbdiv_main }, 800);
	});

	$("#mainsec2 .t1").click(function () {
		$("html,body").animate({ scrollTop: ($('#mainsec2 .t1').offset().top) - 30 - mbdiv_main }, 800);
	});

	$("#mainsec3 .t1").click(function () {
		$("html,body").animate({ scrollTop: ($('#mainsec3 .t1').offset().top) - 30 - mbdiv_main }, 800);
	});

	$("#mainsec4 .t1").click(function () {
		$("html,body").animate({ scrollTop: ($('#mainsec4 .t1').offset().top) - 30 - mbdiv_main }, 800);
	});

	$("#mainsec5 .t1").click(function () {
		$("html,body").animate({ scrollTop: ($('#mainsec5 .t1').offset().top) - 30 - mbdiv_main }, 800);
	});

	$("#mainsec6 .t1").click(function () {
		$("html,body").animate({ scrollTop: ($('#mainsec6 .t1').offset().top) - 30 - mbdiv_main }, 800);
	});

	$("#mainsec7 .t1").click(function () {
		$("html,body").animate({ scrollTop: ($('#mainsec7 .t1').offset().top) - 30 - mbdiv_main }, 800);
	});

	$("#mainsec8 .t1").click(function () {
		$("html,body").animate({ scrollTop: ($('#mainsec8 .t1').offset().top) - 30 - mbdiv_main }, 800);
	});


/* 8 point */

	$("#li01").hover(function () {
		$("#li01 .listtext").css('color', '#ff7200');
		$("#li01 .listtext").css('display', 'block');
		$("#li01 .listicon").css('background', '#ff7200');
		$("#li01 .listicon").css('height', '20px');
	}, function () {
		$("#choosebar #li01 .listtext").css('color', '#fff');
		$("#choosebar #li01 .listtext").css('display', 'none');
		$("#choosebar #li01 .listicon").css('background', '#fff');
		$("#choosebar #li01 .listicon").css('height', '8px');
	})


	$("#li02").hover(function () {
		$("#li02 .listtext").css('color', '#ff7200');
		$("#li02 .listtext").css('display', 'block');
		$("#li02 .listicon").css('background', '#ff7200');
		$("#li02 .listicon").css('height', '20px');
	}, function () {
		$("#li02 .listtext").css('color', '#fff');
		$("#li02 .listtext").css('display', 'none');
		$("#li02 .listicon").css('background', '#fff');
		$("#li02 .listicon").css('height', '8px');
	})

	$("#li03").hover(function () {
		$("#li03 .listtext").css('color', '#ff7200');
		$("#li03 .listtext").css('display', 'block');
		$("#li03 .listicon").css('background', '#ff7200');
		$("#li03 .listicon").css('height', '20px');

	}, function () {
		$("#li03 .listtext").css('color', '#fff');
		$("#li03 .listtext").css('display', 'none');
		$("#li03 .listicon").css('background', '#fff');
		$("#li03 .listicon").css('height', '8px');
	})


	$("#li04").hover(function () {
		$("#li04 .listtext").css('color', '#ff7200');
		$("#li04 .listtext").css('display', 'block');
		$("#li04 .listicon").css('background', '#ff7200');
		$("#li04 .listicon").css('height', '20px');

	}, function () {
		$("#li04 .listtext").css('color', '#fff');
		$("#li04 .listtext").css('display', 'none');
		$("#li04 .listicon").css('background', '#fff');
		$("#li04 .listicon").css('height', '8px');
	})


	$("#li05").hover(function () {
		$("#li05 .listtext").css('color', '#ff7200');
		$("#li05 .listtext").css('display', 'block');
		$("#li05 .listicon").css('background', '#ff7200');
		$("#li05 .listicon").css('height', '20px');

	}, function () {
		$("#li05 .listtext").css('color', '#fff');
		$("#li05 .listtext").css('display', 'none');
		$("#li05 .listicon").css('background', '#fff');
		$("#li05 .listicon").css('height', '8px');
	})

	$("#li06").hover(function () {
		$("#li06 .listtext").css('color', '#ff7200');
		$("#li06 .listtext").css('display', 'block');
		$("#li06 .listicon").css('background', '#ff7200');
		$("#li06 .listicon").css('height', '20px');

	}, function () {
		$("#li06 .listtext").css('color', '#fff');
		$("#li06 .listtext").css('display', 'none');
		$("#li06 .listicon").css('background', '#fff');
		$("#li06 .listicon").css('height', '8px');
	})

	$("#li07").hover(function () {
		$("#li07 .listtext").css('color', '#ff7200');
		$("#li07 .listtext").css('display', 'block');
		$("#li07 .listicon").css('background', '#ff7200');
		$("#li07 .listicon").css('height', '20px');

	}, function () {
		$("#li07 .listtext").css('color', '#fff');
		$("#li07 .listtext").css('display', 'none');
		$("#li07 .listicon").css('background', '#fff');
		$("#li07 .listicon").css('height', '8px');
	})


	$("#li08").hover(function () {
		$("#li08 .listtext").css('color', '#ff7200');
		$("#li08 .listtext").css('display', 'block');
		$("#li08 .listicon").css('background', '#ff7200');
		$("#li08 .listicon").css('height', '20px');

	}, function () {
		$("#li08 .listtext").css('color', '#fff');
		$("#li08 .listtext").css('display', 'none');
		$("#li08 .listicon").css('background', '#fff');
		$("#li08 .listicon").css('height', '8px');
	})
	



/* 8 icon */
	$(window).scroll(function () {
		var scrollValmbspec = ($('#mainsec1').offset().top) - 100;
		var scrollValperformance = ($('#mainsec2').offset().top) - 100;
		var scrollValaudio = ($('#mainsec3').offset().top) - 100;
		var scrollValcon = ($('#mainsec4').offset().top) - 100;
		var scrollVallight = ($('#mainsec5').offset().top) - 100;
		var scrollValsmartfan5 = ($('#mainsec6').offset().top) - 100;
		var scrollValultra = ($('#mainsec7').offset().top) - 100;
		var scrollValweapon = ($('#mainsec8').offset().top) - 100;


		var nowscrollVal = $(this).scrollTop();

		if (nowscrollVal > scrollValmbspec) {
			$("#li01 .listicon").css('background', '#ff7200');
			$("#li02 .listicon").css('background', '#fff');
			$("#li03 .listicon").css('background', '#fff');
			$("#li04 .listicon").css('background', '#fff');
			$("#li05 .listicon").css('background', '#fff');
			$("#li06 .listicon").css('background', '#fff');
			$("#li07 .listicon").css('background', '#fff');
			$("#li08 .listicon").css('background', '#fff');

		}

		if (nowscrollVal > scrollValperformance) {
			$("#li01 .listicon").css('background', '#fff');
			$("#li02 .listicon").css('background', '#ff7200');
			$("#li03 .listicon").css('background', '#fff');
			$("#li04 .listicon").css('background', '#fff');
			$("#li05 .listicon").css('background', '#fff');
			$("#li06 .listicon").css('background', '#fff');
			$("#li07 .listicon").css('background', '#fff');
			$("#li08 .listicon").css('background', '#fff');

			
			$('#mainimg01-1').animate({
				marginTop: "0%",
				opacity: 1
			}, 1000);
		}

		
		if (nowscrollVal > scrollValaudio) {
			$("#li01 .listicon").css('background', '#fff');
			$("#li02 .listicon").css('background', '#fff');
			$("#li03 .listicon").css('background', '#ff7200');
			$("#li04 .listicon").css('background', '#fff');
			$("#li05 .listicon").css('background', '#fff');
			$("#li06 .listicon").css('background', '#fff');
			$("#li07 .listicon").css('background', '#fff');
			$("#li08 .listicon").css('background', '#fff');	
		}

		if (nowscrollVal > scrollValcon) {
			$("#li01 .listicon").css('background', '#fff');
			$("#li02 .listicon").css('background', '#fff');
			$("#li03 .listicon").css('background', '#fff');
			$("#li04 .listicon").css('background', '#ff7200');
			$("#li05 .listicon").css('background', '#fff');
			$("#li06 .listicon").css('background', '#fff');
			$("#li07 .listicon").css('background', '#fff');
			$("#li08 .listicon").css('background', '#fff');
		}



		if (nowscrollVal > scrollVallight) {
			$("#li01 .listicon").css('background', '#fff');
			$("#li02 .listicon").css('background', '#fff');
			$("#li03 .listicon").css('background', '#fff');
			$("#li04 .listicon").css('background', '#fff');
			$("#li05 .listicon").css('background', '#ff7200');
			$("#li06 .listicon").css('background', '#fff');
			$("#li07 .listicon").css('background', '#fff');
			$("#li08 .listicon").css('background', '#fff');		
		}
		if (nowscrollVal > scrollValsmartfan5) {
			$("#li01 .listicon").css('background', '#fff');
			$("#li02 .listicon").css('background', '#fff');
			$("#li03 .listicon").css('background', '#fff');
			$("#li04 .listicon").css('background', '#fff');
			$("#li05 .listicon").css('background', '#fff');
			$("#li06 .listicon").css('background', '#ff7200');
			$("#li07 .listicon").css('background', '#fff');
			$("#li08 .listicon").css('background', '#fff');

		}

		if (nowscrollVal > scrollValultra) {
			$("#li01 .listicon").css('background', '#fff');
			$("#li02 .listicon").css('background', '#fff');
			$("#li03 .listicon").css('background', '#fff');
			$("#li04 .listicon").css('background', '#fff');
			$("#li05 .listicon").css('background', '#fff');
			$("#li06 .listicon").css('background', '#fff');
			$("#li07 .listicon").css('background', '#ff7200');
			$("#li08 .listicon").css('background', '#fff');
		}

		if (nowscrollVal > scrollValweapon) {
			$("#li01 .listicon").css('background', '#fff');
			$("#li02 .listicon").css('background', '#fff');
			$("#li03 .listicon").css('background', '#fff');
			$("#li04 .listicon").css('background', '#fff');
			$("#li05 .listicon").css('background', '#fff');
			$("#li06 .listicon").css('background', '#fff');
			$("#li07 .listicon").css('background', '#fff');
			$("#li08 .listicon").css('background', '#ff7200');
		}


	});



	/* mainsec1 Tab function */
	$('#mainsec1 .seccon .allclose').eq(0).fadeIn();
	$("#mainsec1 .subtitle").eq(0).css({ 'color': '#fff', 'border-left': '5px solid #FF5F00' });	
	$("#mainsec1 .subtitle").click(function () {
		var X = $(this).index();
		$("#mainsec1 .subtitle").eq(X).css({ 'color': '#fff', 'border-left': '5px solid #FF5F00' });
		$("#mainsec1 .subtitle").eq(X).siblings().css({ 'color': '#808080', 'border-left': '1px solid #808080' });
		$('#mainsec1 .seccon .allclose').eq(X).slideDown(400);
		$('#mainsec1 .seccon .allclose').eq(X).siblings().fadeOut();
	});


	/* mainsec2 Tab function */
	$('#mainsec2 .seccon .allclose').eq(0).fadeIn();
	$("#mainsec2 .subtitle").eq(0).css({ 'color': '#fff', 'border-left': '5px solid #FF5F00' });	
	$("#mainsec2 .subtitle").click(function () {
		var X = $(this).index();
		$("#mainsec2 .subtitle").eq(X).css({ 'color': '#fff', 'border-left': '5px solid #FF5F00' });
		$("#mainsec2 .subtitle").eq(X).siblings().css({ 'color': '#808080', 'border-left': '1px solid #808080' });
		$('#mainsec2 .seccon .allclose').eq(X).slideDown(400);
		$('#mainsec2 .seccon .allclose').eq(X).siblings().fadeOut();
	});



	/* mainsec3 Tab function */
	$('#mainsec3 .seccon .allclose').eq(0).fadeIn();
	$("#mainsec3 .subtitle").eq(0).css({ 'color': '#fff', 'border-left': '5px solid #FF5F00' });	
	$("#mainsec3 .subtitle").click(function () {
		var X = $(this).index();
		$("#mainsec3 .subtitle").eq(X).css({ 'color': '#fff', 'border-left': '5px solid #FF5F00' });
		$("#mainsec3 .subtitle").eq(X).siblings().css({ 'color': '#808080', 'border-left': '1px solid #808080' });
		$('#mainsec3 .seccon .allclose').eq(X).slideDown(400);
		$('#mainsec3 .seccon .allclose').eq(X).siblings().fadeOut();
	});


	/* mainsec4 Tab function */
	$('#mainsec4 .seccon .allclose').eq(0).fadeIn();
	$("#mainsec4 .subtitle").eq(0).css({ 'color': '#fff', 'border-left': '5px solid #FF5F00' });	
	$("#mainsec4 .subtitle").click(function () {
		var X = $(this).index();
		$("#mainsec4 .subtitle").eq(X).css({ 'color': '#fff', 'border-left': '5px solid #FF5F00' });
		$("#mainsec4 .subtitle").eq(X).siblings().css({ 'color': '#808080', 'border-left': '1px solid #808080' });
		$('#mainsec4 .seccon .allclose').eq(X).slideDown(400);
		$('#mainsec4 .seccon .allclose').eq(X).siblings().fadeOut();		
	});

	/* mainsec5 Tab function */
	$('#mainsec5 .seccon .allclose').eq(0).fadeIn();
	$("#mainsec5 .subtitle").eq(0).css({ 'color': '#fff', 'border-left': '5px solid #FF5F00' });	
	$("#mainsec5 .subtitle").click(function () {
		var X = $(this).index();
		$("#mainsec5 .subtitle").eq(X).css({ 'color': '#fff', 'border-left': '5px solid #FF5F00' });
		$("#mainsec5 .subtitle").eq(X).siblings().css({ 'color': '#808080', 'border-left': '1px solid #808080' });
		$('#mainsec5 .seccon .allclose').eq(X).slideDown(400);
		$('#mainsec5 .seccon .allclose').eq(X).siblings().fadeOut();
	});


	/* mainsec6 Tab function */
	$('#mainsec6 .seccon .allclose').eq(0).fadeIn();
	$("#mainsec6 .subtitle").eq(0).css({ 'color': '#fff', 'border-left': '5px solid #FF5F00' });	
	$("#mainsec6 .subtitle").click(function () {
		var X = $(this).index();
		$("#mainsec6 .subtitle").eq(X).css({ 'color': '#fff', 'border-left': '5px solid #FF5F00' });
		$("#mainsec6 .subtitle").eq(X).siblings().css({ 'color': '#808080', 'border-left': '1px solid #808080' });
		$('#mainsec6 .seccon .allclose').eq(X).slideDown(400);
		$('#mainsec6 .seccon .allclose').eq(X).siblings().fadeOut();
	});


	/* mainsec7 Tab function */
	$('#mainsec7 .seccon .allclose').eq(0).fadeIn();
	$("#mainsec7 .subtitle").eq(0).css({ 'color': '#fff', 'border-left': '5px solid #FF5F00' });	
	$("#mainsec7 .subtitle").click(function () {
		var X = $(this).index();
		$("#mainsec7 .subtitle").eq(X).css({ 'color': '#fff', 'border-left': '5px solid #FF5F00' });
		$("#mainsec7 .subtitle").eq(X).siblings().css({ 'color': '#808080', 'border-left': '1px solid #808080' });
		$('#mainsec7 .seccon .allclose').eq(X).slideDown(400);
		$('#mainsec7 .seccon .allclose').eq(X).siblings().fadeOut();
	});


	/* mainsec8 Tab function */
	$('#mainsec8 .seccon .allclose').eq(0).fadeIn();
	$("#mainsec8 .subtitle").eq(0).css({ 'color': '#fff', 'border-left': '5px solid #FF5F00' });	
	$("#mainsec8 .subtitle").click(function () {
		var X = $(this).index();
		$("#mainsec8 .subtitle").eq(X).css({ 'color': '#fff', 'border-left': '5px solid #FF5F00' });
		$("#mainsec8 .subtitle").eq(X).siblings().css({ 'color': '#808080', 'border-left': '1px solid #808080' });
		$('#mainsec8 .seccon .allclose').eq(X).slideDown(400);
		$('#mainsec8 .seccon .allclose').eq(X).siblings().fadeOut();
	});



/* Learn more */
	$('.moreicon').on('click', function () {
		$(window).resize();
		$(this).find('.btnstyle').toggleClass('menuOpen');
		$(this).next('.morecon').slideToggle(1000);
		$(this).find('.btntext').slideToggle(800);
		$(this).toggleClass('moreiconOpen');
		$(this).find('.moreline').toggleClass('morelineOpen');
	});


/* AORUS Storage Manager tab*/
	$("#tabtitle1").click(function () {
		$("#tabtitle1 img").attr("src", "/FileUpload/Global/KeyFeature/1528/innergigabyteimages/tab1.png");
		$("#tabtitle2 img").attr("src", "/FileUpload/Global/KeyFeature/1528/innergigabyteimages/tab2-h.png");
		$("#funtabs1").stop().fadeIn(400);
		$("#funtabs2").css('display', 'none');
	});

	$("#tabtitle2").click(function () {
		$("#tabtitle1 img").attr("src", "/FileUpload/Global/KeyFeature/1528/innergigabyteimages/tab1-h.png");
		$("#tabtitle2 img").attr("src", "/FileUpload/Global/KeyFeature/1528/innergigabyteimages/tab2.png");
		$("#funtabs2").stop().fadeIn(400);
		$("#funtabs1").stop().fadeOut(1);
	});	


/* audiofunction */	
	$("#audiocon100").fadeIn();
	$("#af01 ol li").click(function () {
		var X = $(this).index();			
		$("#audiocon10" + X).fadeIn(400);
		$("#audiocon10" + X).siblings().fadeOut(0);	
		$("#af01 ol li").eq(X).css('opacity', '1');	
		$("#af01 ol li").eq(X).siblings().css('opacity', '0.3');	
	});	

	$("#audiocon200").fadeIn();
	$("#af02 ol li").click(function () {
		var X = $(this).index();
		$("#audiocon20" + X).fadeIn(400);
		$("#audiocon20" + X).siblings().fadeOut(0);
		$("#af02 ol li").eq(X).css('opacity', '1');
		$("#af02 ol li").eq(X).siblings().css('opacity', '0.3');
	});	

	$("#audiocon300").fadeIn();
	$("#af03 ol li").click(function () {
		var X = $(this).index();
		$("#audiocon30" + X).fadeIn(400);
		$("#audiocon30" + X).siblings().fadeOut(0);
		$("#af03 ol li").eq(X).css('opacity', '1');
		$("#af03 ol li").eq(X).siblings().css('opacity', '0.3');
	});	



/* bootstrap slider */
	$('.carousel').carousel({
		interval: false
	})

/* RGB download icon */
	$(".row1dw").hover(
		function () {
			$(".row1dw img").attr("src", "/FileUpload/Global/KeyFeature/1528/innergigabyteimages/download-color.png");
		}, function () {
			$(".row1dw img").attr("src", "/FileUpload/Global/KeyFeature/1528/innergigabyteimages/download-black.png");
		});

	/* XSplit hover tab */
	$("#boxcon1").css("display", "block");
	$("#triangle01").css('display', 'block');
	$("#triangle02").css('display', 'none');
	$("#icon1").fadeTo(300, 1).css('border', '10px solid #FF6600');

	$("#icon1").mouseover(function () {
		$("#icon1").fadeTo(300, 1).css('border', '10px solid #FF6600');
		$("#icon2").fadeTo(300, 1).css('border', '1px solid #FF6600');

		$("#icon1").stop().fadeTo(300, 1);
		$("#icon2").stop().fadeTo(300, 0.6);
		$("#boxcon1").stop().fadeIn();
		$("#boxcon2").stop().fadeOut();
		$("#triangle01").css('display', 'block');
		$("#triangle02").css('display', 'none');

	});

	$("#icon2").mouseover(function () {
		$("#icon2").fadeTo(300, 1).css('border', '10px solid #FF6600');
		$("#icon1, #icon3").fadeTo(300, 1).css('border', '1px solid #FF6600');

		$("#icon2").stop().fadeTo(300, 1);
		$("#icon1").stop().fadeTo(300, 0.6);
		$("#boxcon2").stop().fadeIn();
		$("#boxcon1").stop().fadeOut();
		$("#triangle02").css('display', 'block');
		$("#triangle01").css('display', 'none');
	});

/*RGB DW*/
	$(function () {
		$(".row1dw").hover(
			function () {
				$(".row1dw img").attr("src", "/FileUpload/Global/KeyFeature/1528/innergigabyteimages/download-color.png");
			}, function () {
				$(".row1dw img").attr("src", "/FileUpload/Global/KeyFeature/1528/innergigabyteimages/download-black.png");
			});
	});


	/*powerdesign Tab*/


	$("#powerdesigntab01").click(function () {
		$("#powerdesigntab01").css({ "background": "#ff6900", "color": "#000" });
		$("#powerdesigntab02, #powerdesigntab03, #powerdesigntab04").css({ "background": "#000", "color": "#fff" });

		$("#powerdesign").css('background', 'url(innergigabyteimages/powerdesignbg01.jpg)');
	});

	$("#powerdesigntab02").click(function () {
		$("#powerdesigntab02").css({ "background": "#ff6900", "color": "#000" });
		$("#powerdesigntab01, #powerdesigntab03, #powerdesigntab04").css({ "background": "#000", "color": "#fff" });

		$("#powerdesign").css('background', 'url(innergigabyteimages/powerdesignbg02.jpg)');
	});

	$("#powerdesigntab03").click(function () {
		$("#powerdesigntab03").css({ "background": "#ff6900", "color": "#000" });
		$("#powerdesigntab01, #powerdesigntab02, #powerdesigntab04").css({ "background": "#000", "color": "#fff" });

		$("#powerdesign").css('background', 'url(innergigabyteimages/powerdesignbg03.jpg)');
	});

	$("#powerdesigntab04").click(function () {
		$("#powerdesigntab04").css({ "background": "#ff6900", "color": "#000" });
		$("#powerdesigntab01, #powerdesigntab02, #powerdesigntab03").css({ "background": "#000", "color": "#fff" });

		$("#powerdesign").css('background', 'url(innergigabyteimages/powerdesignbg04.jpg)');
	});

	

/* Animate css wow */
	var wow = new WOW(
		{
			boxClass: 'wow',      // animated element css class (default is wow)
			animateClass: 'animated', // animation css class (default is animated)
			offset: 10,          // distance to the element when triggering the animation (default is 0)
			mobile: false       // trigger animations on mobile devices (true is default)
		}
	);
	wow.init();			

/* rwdImageMaps.min.js */
	$(document).ready(function (e) {
		$('img[usemap]').rwdImageMaps();
	}); 

});