var kulka = 'onmouseover="this.src=\'shop/img/leftBallY.png\'" onmouseout="this.src=\'shop/img/leftBallN.png\'"';
var kulkab = 'onmouseover="this.src=\'shop/img/rightBallY.png\'" onmouseout="this.src=\'shop/img/rightBallN.png\'"';

function mostnext(offset, all, cat, time) {
	if(offset > 0) {
		var request = new Request({ 
			url: 'shop/request.php?nextpic', 
			method: 'get', 
			onRequest: function() { 
				$('mostMain').set('html','<table width="100%" height="190"><tr><td align="center"><img src="shop/img/ajax-loader.gif" /></td></tr></table>');
					
				var o1 = offset;
				var o2 = offset + 1;				
					
				if(all > offset) {	
					$('mostKulkaBack').innerHTML = '<a href="javascript:mostback(' + o1 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulka+' src="shop/img/leftBallN.png" border="0"/></a>'; 
					$('mostKulkaNext').innerHTML = '<a href="javascript:mostnext(' + o2 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulkab+' src="shop/img/rightBallN.png" border="0"/></a>'; 
				}
				else {
					$('mostKulkaNext').innerHTML = '<img src="shop/img/leftBallN.png" border="0"/>';
					$('mostKulkaBack').innerHTML = '<a href="javascript:mostback(' + o1 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulka+' src="shop/img/leftBallN.png" border="0"/></a>';
				}
			}, 
			onComplete: function(response) { 
				$('mostMain').set('html',response);
			} 
		});
		request.setHeader('Content-Type','text/html; charset=utf-8');
		request.send('&offset=' + offset + '&cat=' + cat + '&time=' + time + '&all=' + all);
	}
}

function mostback(offset, all, cat, time) {	
	if(offset > 0) {
		var request = new Request({ 
			url: 'shop/request.php?backpic',
			method: 'get', 
			onRequest: function() { 
				$('mostMain').set('html','<table width="100%" height="190"><tr><td align="center"><img src="shop/img/ajax-loader.gif" /></td></tr></table>');
				
				var o1 = offset - 1;
				var o2 = offset;	
							
				if(offset <= 1) {	
					 	$('mostKulkaBack').innerHTML = '<img src="shop/img/rightBallN.png" border="0"/>';
					 	$('mostKulkaNext').innerHTML = '<a href="javascript:mostnext(' + o2 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulkab+' src="shop/img/rightBallN.png" border="0"/></a>';
				}
				else {
					$('mostKulkaBack').innerHTML = '<a href="javascript:mostback(' + o1 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulka+' src="shop/img/leftBallN.png" border="0"/></a>'; 
					$('mostKulkaNext').innerHTML = '<a href="javascript:mostnext(' + o2 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulkab+' src="shop/img/rightBallN.png" border="0"/></a>';
				}
		  }, 
			onComplete: function(response) { 
				$('mostMain').set('html',response);
			} 
		});
		
		request.setHeader('Content-Type','text/html; charset=utf-8');
		request.send('&offset=' + offset + '&cat=' + cat + '&time=' + time + '&all=' + all);
	}
}

function lastnext(offset, all, cat, time) {
	if(offset > 0) {
		var request = new Request({ 
			url: 'shop/request.php?nextpic2', 
			method: 'get', 
			onRequest: function() { 
				$('lastMain').set('html','<table width="100%" height="190"><tr><td align="center"><img src="shop/img/ajax-loader.gif" /></td></tr></table>');
					
				var o1 = offset;
				var o2 = offset + 1;				
					
				if(all > offset) {	
					$('lastKulkaBack').innerHTML = '<a href="javascript:lastback(' + o1 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulka+' src="shop/img/leftBallN.png" border="0"/></a>'; 
					$('lastKulkaNext').innerHTML = '<a href="javascript:lastnext(' + o2 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulkab+' src="shop/img/rightBallN.png" border="0"/></a>'; 
				}
				else {
					$('lastKulkaNext').innerHTML = '<img src="shop/img/leftBallN.png" border="0"/>';
					$('lastKulkaBack').innerHTML = '<a href="javascript:lastback(' + o1 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulka+' src="shop/img/leftBallN.png" border="0"/></a>';
				}
			}, 
			onComplete: function(response) { 
				$('lastMain').set('html',response);
			} 
		});
		request.setHeader('Content-Type','text/html; charset=utf-8');
		request.send('&offset=' + offset + '&cat=' + cat + '&time=' + time + '&all=' + all);
	}
}

function lastback(offset, all, cat, time) {	
	if(offset > 0) {
		var request = new Request({ 
			url: 'shop/request.php?backpic2',
			method: 'get', 
			onRequest: function() { 
				$('lastMain').set('html','<table width="100%" height="190"><tr><td align="center"><img src="shop/img/ajax-loader.gif" /></td></tr></table>');
				
				var o1 = offset - 1;
				var o2 = offset;	
							
				if(offset <= 1) {	
					 	$('lastKulkaBack').innerHTML = '<img src="shop/img/rightBallN.png" border="0"/>';
					 	$('lastKulkaNext').innerHTML = '<a href="javascript:lastnext(' + o2 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulkab+' src="shop/img/rightBallN.png" border="0"/></a>';
				}
				else {
					$('lastKulkaBack').innerHTML = '<a href="javascript:lastback(' + o1 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulka+' src="shop/img/leftBallN.png" border="0"/></a>'; 
					$('lastKulkaNext').innerHTML = '<a href="javascript:lastnext(' + o2 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulkab+' src="shop/img/rightBallN.png" border="0"/></a>';
				}
		  }, 
			onComplete: function(response) { 
				$('lastMain').set('html',response);
			} 
		});
		
		request.setHeader('Content-Type','text/html; charset=utf-8');
		request.send('&offset=' + offset + '&cat=' + cat + '&time=' + time + '&all=' + all);
	}
}

function bestnext(offset, all, cat, time) {
	if(offset > 0) {
		var request = new Request({ 
			url: 'shop/request.php?nextpic3', 
			method: 'get', 
			onRequest: function() { 
				$('bestMainWew').set('html','<table width="100%" height="190"><tr><td align="center"><img src="shop/img/ajax-loader.gif" /></td></tr></table>');
					
				var o1 = offset;
				var o2 = offset + 1;				
					
				if(all > offset) {	
					$('bestKulkaBack').innerHTML = '<a href="javascript:bestback(' + o1 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulka+' src="shop/img/leftBallN.png" border="0"/></a>'; 
					$('bestKulkaNext').innerHTML = '<a href="javascript:bestnext(' + o2 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulkab+' src="shop/img/rightBallN.png" border="0"/></a>'; 
				}
				else {
					$('bestKulkaNext').innerHTML = '<img src="shop/img/leftBallN.png" border="0"/>';
					$('bestKulkaBack').innerHTML = '<a href="javascript:bestback(' + o1 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulka+' src="shop/img/leftBallN.png" border="0"/></a>';
				}
			}, 
			onComplete: function(response) { 
				$('bestMainWew').set('html',response);
			} 
		});
		request.setHeader('Content-Type','text/html; charset=utf-8');
		request.send('&offset=' + offset + '&cat=' + cat + '&time=' + time + '&all=' + all);
	}
}

function bestback(offset, all, cat, time) {	
	if(offset > 0) {
		var request = new Request({ 
			url: 'shop/request.php?backpic3',
			method: 'get', 
			onRequest: function() { 
				$('bestMainWew').set('html','<table width="100%" height="190"><tr><td align="center"><img src="shop/img/ajax-loader.gif" /></td></tr></table>');
				
				var o1 = offset - 1;
				var o2 = offset;	
							
				if(offset <= 1) {	
					 	$('bestKulkaBack').innerHTML = '<img src="shop/img/rightBallN.png" border="0"/>';
					 	$('bestKulkaNext').innerHTML = '<a href="javascript:bestnext(' + o2 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulkab+' src="shop/img/rightBallN.png" border="0"/></a>';
				}
				else {
					$('bestKulkaBack').innerHTML = '<a href="javascript:bestback(' + o1 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulka+' src="shop/img/leftBallN.png" border="0"/></a>'; 
					$('bestKulkaNext').innerHTML = '<a href="javascript:bestnext(' + o2 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulkab+' src="shop/img/rightBallN.png" border="0"/></a>';
				}
		  }, 
			onComplete: function(response) { 
				$('bestMainWew').set('html',response);
			} 
		});
		
		request.setHeader('Content-Type','text/html; charset=utf-8');
		request.send('&offset=' + offset + '&cat=' + cat + '&time=' + time + '&all=' + all);
	}
}

function artistnext(offset, all, cat, time) {
	if(offset > 0) {
		var request = new Request({ 
			url: 'shop/request.php?nextpic4', 
			method: 'get', 
			onRequest: function() { 
				$('artistMainWew').set('html','<table width="100%" height="190"><tr><td align="center"><img src="shop/img/ajax-loader.gif" /></td></tr></table>');
					
				var o1 = offset;
				var o2 = offset + 1;				
					
				if(all > offset) {	
					$('artistKulkaBack').innerHTML = '<a href="javascript:artistback(' + o1 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulka+' src="shop/img/leftBallN.png" border="0"/></a>'; 
					$('artistKulkaNext').innerHTML = '<a href="javascript:artistnext(' + o2 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulkab+' src="shop/img/rightBallN.png" border="0"/></a>'; 
				}
				else {
					$('artistKulkaNext').innerHTML = '<img src="shop/img/leftBallN.png" border="0"/>';
					$('artistKulkaBack').innerHTML = '<a href="javascript:artistback(' + o1 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulka+' src="shop/img/leftBallN.png" border="0"/></a>';
				}
			}, 
			onComplete: function(response) { 
				$('artistMainWew').set('html',response);
			} 
		});
		request.setHeader('Content-Type','text/html; charset=utf-8');
		request.send('&offset=' + offset + '&cat=' + cat + '&time=' + time + '&all=' + all);
	}
}

function artistback(offset, all, cat, time) {	
	if(offset > 0) {
		var request = new Request({ 
			url: 'shop/request.php?backpic4',
			method: 'get', 
			onRequest: function() { 
				$('artistMainWew').set('html','<table width="100%" height="190"><tr><td align="center"><img src="shop/img/ajax-loader.gif" /></td></tr></table>');
				
				var o1 = offset - 1;
				var o2 = offset;	
							
				if(offset <= 1) {	
					 	$('artistKulkaBack').innerHTML = '<img src="shop/img/rightBallN.png" border="0"/>';
					 	$('artistKulkaNext').innerHTML = '<a href="javascript:artistnext(' + o2 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulkab+' src="shop/img/rightBallN.png" border="0"/></a>';
				}
				else {
					$('artistKulkaBack').innerHTML = '<a href="javascript:artistback(' + o1 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulka+' src="shop/img/leftBallN.png" border="0"/></a>'; 
					$('artistKulkaNext').innerHTML = '<a href="javascript:artistnext(' + o2 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulkab+' src="shop/img/rightBallN.png" border="0"/></a>';
				}
		  }, 
			onComplete: function(response) { 
				$('artistMainWew').set('html',response);
			} 
		});
		
		request.setHeader('Content-Type','text/html; charset=utf-8');
		request.send('&offset=' + offset + '&cat=' + cat + '&time=' + time + '&all=' + all);
	}
}

function catnext(offset, all, cat, time) {
	if(offset > 0) {
		var request = new Request({ 
			url: 'shop/request.php?nextpic5', 
			method: 'get', 
			onRequest: function() { 
				$('catMain').set('html','<table width="100%" height="190"><tr><td align="center"><img src="shop/img/ajax-loader.gif" /></td></tr></table>');
					
				var o1 = offset;
				var o2 = offset + 1;				
					
				if(all > offset) {	
					$('catKulkaBack').innerHTML = '<a href="javascript:catback(' + o1 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulka+' src="shop/img/leftBallN.png" border="0"/></a>'; 
					$('catKulkaNext').innerHTML = '<a href="javascript:catnext(' + o2 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulkab+' src="shop/img/rightBallN.png" border="0"/></a>'; 
				}
				else {
					$('catKulkaNext').innerHTML = '<img src="shop/img/leftBallN.png" border="0"/>';
					$('catKulkaBack').innerHTML = '<a href="javascript:catback(' + o1 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulka+' src="shop/img/leftBallN.png" border="0"/></a>';
				}
			}, 
			onComplete: function(response) { 
				$('catMain').set('html',response);
			} 
		});
		request.setHeader('Content-Type','text/html; charset=utf-8');
		request.send('&offset=' + offset + '&cat=' + cat + '&time=' + time + '&all=' + all);
	}
}

function catback(offset, all, cat, time) {	
	if(offset > 0) {
		var request = new Request({ 
			url: 'shop/request.php?backpic5',
			method: 'get', 
			onRequest: function() { 
				$('catMain').set('html','<table width="100%" height="190"><tr><td align="center"><img src="shop/img/ajax-loader.gif" /></td></tr></table>');
				
				var o1 = offset - 1;
				var o2 = offset;	
							
				if(offset <= 1) {	
					 	$('catKulkaBack').innerHTML = '<img src="shop/img/rightBallN.png" border="0"/>';
					 	$('catKulkaNext').innerHTML = '<a href="javascript:catnext(' + o2 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulkab+' src="shop/img/rightBallN.png" border="0"/></a>';
				}
				else {
					$('catKulkaBack').innerHTML = '<a href="javascript:catback(' + o1 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulka+' src="shop/img/leftBallN.png" border="0"/></a>'; 
					$('catKulkaNext').innerHTML = '<a href="javascript:catnext(' + o2 + ', ' + all + ', \'' + cat + '\', ' + time + ');"><img '+kulkab+' src="shop/img/rightBallN.png" border="0"/></a>';
				}
		  }, 
			onComplete: function(response) { 
				$('catMain').set('html',response);
			} 
		});
		
		request.setHeader('Content-Type','text/html; charset=utf-8');
		request.send('&offset=' + offset + '&cat=' + cat + '&time=' + time + '&all=' + all);
	}
}

function changeCategory(cat, str){	
	var request = new Request({ 
		url: 'shop/catRequest.php',
		method: 'get', 
		onRequest: function() {
			
		}, 
		onComplete: function(response) { 
			$('subCategory').set('html', response);
		} 
	});
		
	request.setHeader('Content-Type','text/html; charset=utf-8');
	request.send('&cat=' + cat + '&str=' + str);
}

function getElementsByClass(searchClass,node,tag) {

	var classElements = new Array();
	if (node == null)
		node = document;
	if (tag == null)
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	var j = 0;
	for (i = 0; i < elsLen; i++) {
		if (pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}

function storeReload(name) {
	width = $('storeMain').offsetWidth;
	height = $('storeMain').offsetHeight;
	loader = '<table width="' + width + '" height="' + height + '"><tr><td align="center" valign="middle"><img src="shop/img/ajax-loader.gif" /></td></tr></table>';
	
	var request = new Request({ 
		url: 'shop/storeRequest.php?store',
		method: 'get', 
		onRequest: function() {
			$('storeMain').set('html', loader);
		}, 
		onComplete: function(response) { 
			if(name == 'product') {
				albumReload();
				sizeReload();
			}
			
			if(name == 'album') {
				productReload();
				sizeReload();
			}
			
			if(name == 'size') {
				productReload();
				albumReload();
			}
			
			if(response == 'reload') window.location.reload();
			$('storeMain').set('html', response);
		} 
	});
		
	request.setHeader('Content-Type','text/html; charset=utf-8');
	request.send();
}

function productReload() {
	width = $('productMain').offsetWidth;
	height = $('productMain').offsetHeight;
	loader = '<table width="' + width + '" height="' + height + '"><tr><td align="center" valign="middle"><img src="shop/img/ajax-loader.gif" /></td></tr></table>';
	
	var request = new Request({ 
		url: 'shop/storeRequest.php?product',
		method: 'get', 
		onRequest: function() {
			$('productMain').set('html', loader);
		}, 
		onComplete: function(response) { 
			if(response == 'reload') window.location.reload();
			$('productMain').set('html', response);
		} 
	});
		
	request.setHeader('Content-Type','text/html; charset=utf-8');
	request.send();
}

function albumReload() {
	width = $('albumMain').offsetWidth;
	height = $('albumMain').offsetHeight;
	loader = '<table width="' + width + '" height="' + height + '"><tr><td align="center" valign="middle"><img src="shop/img/ajax-loader.gif" /></td></tr></table>';
	
	var request = new Request({ 
		url: 'shop/storeRequest.php?album',
		method: 'get', 
		onRequest: function() {
			$('albumMain').set('html', loader);
		}, 
		onComplete: function(response) { 
			if(response == 'reload') window.location.reload();
			$('albumMain').set('html', response);
		} 
	});
		
	request.setHeader('Content-Type','text/html; charset=utf-8');
	request.send();
}

function sizeReload() {
	width = $('sizeMain').offsetWidth;
	height = $('sizeMain').offsetHeight;
	loader = '<table width="' + width + '" height="' + height + '"><tr><td align="center" valign="middle"><img src="shop/img/ajax-loader.gif" /></td></tr></table>';
	
	var request = new Request({ 
		url: 'shop/storeRequest.php?size',
		method: 'get', 
		onRequest: function() {
			$('sizeMain').set('html', loader);
		}, 
		onComplete: function(response) { 
			if(response == 'reload') window.location.reload();
			$('sizeMain').set('html', response);
		} 
	});
		
	request.setHeader('Content-Type','text/html; charset=utf-8');
	request.send();
}

function session(name, value) {
	var request = new Request({ 
		url: 'shop/storeRequest.php?session',
		method: 'get', 
		onComplete: function(response) { 
			storeReload(name);
		} 
	});
		
	request.setHeader('Content-Type','text/html; charset=utf-8');
	request.send('name=' + name + '&value=' + value);
}

var activ1;
var activ2;
var activ3;

function selectProduct(id) {
	elements = getElementsByClass('sCat');
	
	for(var a = 0; elements.length > a; a++) {
		elements[a].style.color = '#0765BC';
	}

	if(id == activ1) {
		$('cat' + id).style.color = '#0765BC';
		activ1 = null;
		session('product', '');
	} else {
		$('cat' + id).style.color = '#ffffff';
		activ1 = id;
		session('product', id);
	}
}

function selectAlbum(id) {
	elements = new Array();
	elements = getElementsByClass('sAlb');
	all = elements.length;
	
	for(var a = 0;all > a; a++) {
		elements[a].style.color = '#0765BC';
	}

	if(id == activ2) {
		$('alb' + id).style.color = '#0765BC';
		activ2 = null;
		session('album', '');
	} else {
		$('alb' + id).style.color = '#ffffff';
		activ2 = id;
		session('album', id);
	}
}

function selectSize(id) {
	elements = new Array();
	elements = getElementsByClass('sSize');
	all = elements.length;
	
	for(var a = 0;all > a; a++) {
		elements[a].style.color = '#0765BC';
	}

	if(id == activ3) {
		$('size' + id).style.color = '#0765BC';
		activ3 = null;
		session('size', '');
	} else {
		$('size' + id).style.color = '#ffffff';
		activ3 = id;
		session('size', id);
	}
}

function page(id) {
	session('page', id);
}
