document.addEventListener('DOMContentLoaded', init);

function init(){
    var elem1 = document.getElementById('lron');
    elem1.addEventListener('click',funclron);
    var elem2 = document.getElementById('lroff');
    elem2.addEventListener('click',funclroff); 
    var elem3 = document.getElementById('upon');
    elem3.addEventListener('click',funcudon);
    var elem4 = document.getElementById('upoff');
    elem4.addEventListener('click',funcudoff);
}

function funclron(){
	chrome.tabs.insertCSS({
		code: "body{transform: rotateY(180deg);}"
	});
}

function funclroff(){
	chrome.tabs.insertCSS({
		code: "body{transform: rotateY(0deg);}"
	});
}


function funcudon(){
	chrome.tabs.insertCSS({
		code: "body{transform: rotateX(180deg);}"
	});
}

function funcudoff(){
	chrome.tabs.insertCSS({
		code: "body{transform: rotateX(0deg);}"
	});
}