var all = new Image();
all.src = 'layout/all_hover.png';
var www = new Image();
www.src = 'layout/www_hover.png';
var blog = new Image();
blog.src = 'layout/blog_hover.png';
var news = new Image();
news.src = 'layout/news_hover.png';
var arrow1 = new Image();
arrow1.src = 'layout/arrow_left_hover.png';
var arrow2 = new Image();
arrow2.src = 'layout/arrow_right_hover.png';

var what = 'all';
var licznik;

window.onload = function(){
	scroll();
	document.getElementById('arrow1').style.display = 'none';
	document.getElementById('plus').onclick = myTextPlus;
	document.getElementById('minus').onclick = myTextMinus;
	document.getElementById('all').src = 'layout/all_hover.png';
	document.getElementById('all').onmouseover = hoverIt;
	document.getElementById('all').onmouseout = hideIt;
	document.getElementById('all').onclick = whatIt;
	document.getElementById('www').onmouseover = hoverIt;
	document.getElementById('www').onmouseout = hideIt;
	document.getElementById('www').onclick = whatIt;
	document.getElementById('blog').onmouseover = hoverIt;
	document.getElementById('blog').onmouseout = hideIt;
	document.getElementById('blog').onclick = whatIt;
	document.getElementById('news').onmouseover = hoverIt;
	document.getElementById('news').onmouseout = hideIt;
	document.getElementById('news').onclick = whatIt;
}

document.getElementsByClassName = function(c){
    for(var i=0,a=[],o;o=document.body.getElementsByTagName('*')[i++];){
        if(RegExp('\\b'+c+'\\b','gi').test(o.className)){
            a.push(o);
        }
    }

    return a;
}

function moveIt(obj){
	var obj = document.getElementById(obj);
	var mysrc = obj.src.split('/');
	mysrc = mysrc[mysrc.length-1].split('.');
	mysrc = mysrc[0].split('_hover');
	obj.src = 'layout/'+mysrc+'_hover.png';
	move(mysrc);
}

function move(src){
	if(src == 'arrow_right'){
		document.getElementById('boxes').scrollLeft+=1;
		licznik = setTimeout("move('"+src+"')",10);
	}
	else if(src == 'arrow_left'){
		document.getElementById('boxes').scrollLeft-=1;
		licznik = setTimeout("move('"+src+"')",10);		
	}
	scroll();
}

function scroll(){
	var scroll = document.getElementById('boxes').scrollLeft;
	if(scroll == 0){
		document.getElementById('arrow1').style.display = 'none';
	}else{
		document.getElementById('arrow1').style.display = 'block';
	}
	var width1 = document.getElementById('generalbox').style.width;
	width1 = parseInt(width1.slice(0, width1.length-2));
	var width2 = 820;
	var width = width1-width2-44;
	if(scroll >= width){
		document.getElementById('arrow2').style.display = 'none';
	}else{
		document.getElementById('arrow2').style.display = 'block';
	}
}

function stopIt(obj){
	var mysrc = obj.src.split('/');
	mysrc = mysrc[mysrc.length-1].split('.');
	mysrc = mysrc[0].split('_hover');
	what = mysrc.slice(0,mysrc.length-1);
	obj.src = 'layout/'+what+'.png';
	clearInterval(licznik);
}

function myTextPlus(){
	document.getElementById('main_text').style.fontSize='14px';
}

function myTextMinus(){
	document.getElementById('main_text').style.fontSize='11px';
}

function whatIt(){
	var mysrc = this.src.split('/');
	mysrc = mysrc[mysrc.length-1].split('.');
	mysrc = mysrc[0].split('_hover');
	what = mysrc.slice(0,mysrc.length-1);
	document.getElementById('all').src = 'layout/all.png';
	document.getElementById('www').src = 'layout/www.png';
	document.getElementById('blog').src = 'layout/blog.png';
	document.getElementById('news').src = 'layout/news.png';
	document.getElementById(what).src = 'layout/'+what+'_hover.png';
	if(what != 'all'){
		var c = document.getElementsByClassName('box');
		for(var i = 0; i< c.length; i++){
			c[i].style.display = 'none';
		}
		var a = document.getElementsByClassName(what);
		for(var i = 0; i< a.length; i++){
			a[i].style.display = 'block';
		}
		document.getElementById('generalbox').style.width = ((a.length*288))+'px';
		document.getElementById('boxes').scrollLeft =0; scroll();
	}else{
		var c = document.getElementsByClassName('box');
		for(var i = 0; i< c.length; i++){
			c[i].style.display='block';
		}
		document.getElementById('generalbox').style.width = ((c.length*288))+'px';
		document.getElementById('boxes').scrollLeft = 0; scroll();
	}
	
}

function hoverIt(){
	var mysrc = this.src.split('/');
	if(mysrc[mysrc.length-1]=='all.png' && what+'.png' != mysrc[mysrc.length-1]) this.src='layout/all_hover.png';
	if(mysrc[mysrc.length-1]=='www.png' && what+'.png' != mysrc[mysrc.length-1]) this.src='layout/www_hover.png';
	if(mysrc[mysrc.length-1]=='blog.png' && what+'.png' != mysrc[mysrc.length-1]) this.src='layout/blog_hover.png';
	if(mysrc[mysrc.length-1]=='news.png' && what+'.png' != mysrc[mysrc.length-1]) this.src='layout/news_hover.png';
}

function hideIt(){
	var mysrc = this.src.split('/');
	if(mysrc[mysrc.length-1]=='all_hover.png'  && what+'_hover.png' != mysrc[mysrc.length-1]) this.src='layout/all.png';
	if(mysrc[mysrc.length-1]=='www_hover.png' && what+'_hover.png' != mysrc[mysrc.length-1]) this.src='layout/www.png';
	if(mysrc[mysrc.length-1]=='blog_hover.png' && what+'_hover.png' != mysrc[mysrc.length-1]) this.src='layout/blog.png';
	if(mysrc[mysrc.length-1]=='news_hover.png' && what+'_hover.png' != mysrc[mysrc.length-1]) this.src='layout/news.png';
}