var Si={
	Init:function(){		
		document.addEventListener("scroll", Si.Events.PageScroll);
		Si.Build.Features();
		Si.Elements.NavLogo = document.getElementById('si_navlogo');
		Si.Elements.SliderImages = document.getElementsByClassName('si-slide-image');
		Si.Elements.SliderBack = document.getElementById('si_slide_back');
		if(Si.Elements.SliderImages ){
			for(sliders of Si.Elements.SliderImages){
				sliders.src = "/media/img/"+Si.Elements.ScreenShots[0];
			}
		    Si.Build.SlideShow();
		}
		let sbox = document.getElementById('si_shadowbox');
		if(sbox){
			sbox.onwheel = function(e){
				e.preventDefault();
				return false;
			};
		}
        Si.Google();
	},
	Events:{
		PageScroll:function(e){
			if(document.documentElement.scrollTop >200){
				Si.Elements.NavLogo.style.display = 'block';
			}else{
				Si.Elements.NavLogo.style.display = 'none';
			}
		},
		ImageClick: function(self){
			document.getElementById('si_shadowbox').style.display = 'block';
			document.getElementById('si_shadowboximg').src = self.src;
			Si.Elements.SliderPause = true;
		},
		CloseShadowbox:function(self){
			self.style.display = 'none';
			Si.Elements.SliderPause = false;
		},
		ScrollShadowbox:function(e){

		},
		GoTo: function(li){
			window.location = li.firstChild.href;
		}
	},
	Elements:{
		NavLogo:null,
		SliderFront:null,
		SliderPause:false,
		Features:{
			"apachelogo.png":"Runs on Apache",
			"phplogo.png":"<i>php</i>7 backend",
			"pdo.png":"PDO SQL <p>Currently Supports:<br/>MySQL<br/>MariaSQL</p>",
			"api.png":"API",
			"entityicon.png":"Entity based",
			"multilingual.png":"Multilingual support",
			"usersecurity.png":"Manage Users",
			"manageroles.png":"Security Groups",
			"opensource.png":"Open Source",
			"gnulogo.png":"GNU v2",
			"phplogo.png":"<i>php</i>7 backend",
			"phplogo.png":"<i>php</i>7 backend",
		},
		ScreenShots:[
			"editorbasic.jpg",
			"editattrs.jpg",
			"toolsmedia.jpg",
			"toolspage.jpg",
			"toolsusers.jpg",
			"codescreens.jpg"
		],
	},
	Build:{
		Features:function(){
			let features = Si.Elements.Features;
			let box = document.getElementById('si_featuresbox');
			if(box){			
				for(feat in features){
					let v = features[feat];
					let k = feat;
					let icon = document.createElement("DIV");
					icon.classList.add('si-icon');
					let image = document.createElement("DIV");
					image.classList.add('si-icon-image');
					image.style.backgroundImage = "url('media/img/"+k+"')";
					icon.appendChild(image);
					let title = document.createElement("SPAN");
					title.classList.add('si-txt-big');
					title.classList.add('si-txt-white');
					title.innerHTML = v;
					icon.appendChild(title);
					box.appendChild(icon);
				}
			}
		},
		SlideShow :function(){
			let index = 2;
			let imgtime = 5000;
			let fadetime = 500;
			setInterval(function(){
				if(!Si.Elements.SliderPause){
					if(index == Si.Elements.ScreenShots.length){
					index = 0;
					}		
					for(sliders of Si.Elements.SliderImages){
						sliders.src = "/media/img/"+Si.Elements.ScreenShots[index];
					}
					index++;					
				}
			},imgtime);
		},

	},

	Google: function(){
		window.dataLayer = window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
		gtag('js', new Date());
		gtag('config', 'UA-134009020-2');
	}
}
Si.Init();