var itempp = 6;
var title = 0;
var url = 1;
var image = 2;

function clear(holder) {
	while (holder.firstChild) {
		holder.removeChild(holder.firstChild);
	}
}

function showpage(pid) {
	var current_item;
	var item;
	var img, div, br;
	current_page = pid;

	var pages = page_holder.getElementsByTagName('a');

	for (var i = 0; i < pages.length; i++) {
		pages[i].className = '';
	}
	pages[pid].className = 'active';

	clear(item_holder);

	for (var i = 0; i < itempp; i++) {
		current_item = pid * itempp + i;

		if (current_item == items.length) {
			return;
		}

		div = document.createElement('div');
		div.className = "item";
		item_holder.appendChild(div);
		
		if (items[current_item][image].length > 5)
		{
				item = document.createElement('a');
				item.setAttribute('href', items[current_item][url]);
				div.appendChild(item);

				img = document.createElement('img');
				img.setAttribute('src', items[current_item][image]);
				img.setAttribute('width', "70");
				img.setAttribute('height', "60");
				item.appendChild(img);
				
				
		}
		
		//br = document.createElement('br');
		//div.appendChild(br);
				
		item = document.createElement('a');
		item.setAttribute('href', items[current_item][url]);
		item.appendChild(document.createTextNode(items[current_item][title]));
		div.appendChild(item);

		item_holder.appendChild(div);
	}
}

var current_page;
var page_num;


function rollpage() {
	showpage(current_page);

	current_page++

	if (current_page == page_num) {
		current_page = 0;
	}
}

function init() {
	page_num = Math.ceil(items.length / itempp);
	current_page = 1;
	var page;

	for (var i = 0; i < page_num; i++) {
		page = document.createElement('a');
		page.setAttribute('href', 'javascript:showpage(' + i + ');');
		page.appendChild(document.createTextNode(i + 1));

		if (i == 0) {
			page.className = 'active';
		}
		page_holder.appendChild(page);
	}

	showpage(0);
	setInterval ("rollpage()", 5500);
}



var itempp2 = 6;
var title2 = 0;
var url2 = 1;
var image2 = 2;

function clear2(holder) {
	while (holder.firstChild) {
		holder.removeChild(holder.firstChild);
	}
}

function showpage2(pid) {
	var current_item;
	var item;
	var img, div, br;
	current_page2 = pid;

	var pages = page_holder2.getElementsByTagName('a');

	for (var i = 0; i < pages.length; i++) {
		pages[i].className = '';
	}
	pages[pid].className = 'active';

	clear2(item_holder2);

	for (var i = 0; i < itempp2; i++) {
		current_item = pid * itempp2 + i;

		if (current_item == items2.length) {
			return;
		}

		div = document.createElement('div');
		div.className = "item";
		item_holder2.appendChild(div);
		
		if (items2[current_item][image].length > 5)
		{
			item = document.createElement('a');
			item.setAttribute('href', items2[current_item][url]);
			div.appendChild(item);

			img = document.createElement('img');
			img.setAttribute('src', items2[current_item][image]);
			img.setAttribute('width', "70");
			img.setAttribute('height', "60");
			item.appendChild(img);
			
			
		}
		//br = document.createElement('br');
		//div.appendChild(br);
			
		item = document.createElement('a');
		item.setAttribute('href', items2[current_item][url]);
		item.appendChild(document.createTextNode(items2[current_item][title]));
		div.appendChild(item);

		item_holder2.appendChild(div);
	}
}

var current_page2;
var page_num2;


function rollpage2() {
	showpage2(current_page2);

	current_page2++
	
	

	if (current_page2 == page_num2) {
		current_page2 = 0;
	}
}

function init2() {
	page_num2 = Math.ceil(items2.length / itempp2);
	//alert(page_num2);
	current_page2 = 1;
	var page;

	for (var i = 0; i < page_num2; i++) {
		page = document.createElement('a');
		page.setAttribute('href', 'javascript:showpage2(' + i + ');');
		page.appendChild(document.createTextNode(i + 1));

		if (i == 0) {
			page.className = 'active';
		}
		page_holder2.appendChild(page);
	}

	showpage2(0);
	setInterval ("rollpage2()", 6500);
}