function showImage(path,w,h){
	displayLarge(path);
}
var bw = 0;
var bh = 0;
var sw = 0;
var sh = 0;
function getSizes(){

	if( typeof( window.innerWidth ) == 'number' ) {
		bw = window.innerWidth;
		bh = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		bw = document.documentElement.clientWidth;
		bh = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		bw = document.body.clientWidth;
		bh = document.body.clientHeight;
	}

	return;

}
function getScrollSizes() {
	
	/*if( typeof( window.pageYOffset ) == 'number' ) {
		sw = window.pageXOffset;
		sh = window.pageYOffset;
	} else if(document.body.scrollTop) {
		sw = document.body.scrollLeft;
		sh = document.body.scrollTop;
	} else if(document.documentElement.scrollTop) {
		sw = document.documentElement.scrollLeft;
		sh = document.documentElement.scrollTop;
	}*/
	if( typeof( window.pageYOffset ) == 'number' ) {
		sw = window.pageXOffset;
		sh = window.pageYOffset;
	} else {
		sw = document.getElementById('aikido_shodokan').scrollLeft;
		sh = document.getElementById('aikido_shodokan').scrollTop;		
	}		
	
 	return;

}
function displayLarge(path){

	html = '<div class="largedisplay">';
	html += '<div class="largedisplayclose"><a href="javascript:hideLarge()"><img src="/_layout/closeimage.gif"></div>';
	html += '<div class="largedisplayimage"><a href="javascript:hideLarge()"><img src="/files/'+ path +'.jpg" onload="styleLarge(this.width,this.height)"></a></div>';
	html += '</div>';

	document.getElementById('largeimage').style.display = '';
	document.getElementById('largeimage').style.visibility = 'hidden';
	document.getElementById('largeimage').style.top = '0px';
	document.getElementById('largeimage').style.left = '0px';
	document.getElementById('largeimage').innerHTML = html;

}
function styleLarge(w,h){

	getSizes();
	getScrollSizes();
	
	w = w + 54;
	h = h + 52;
	
	
	document.getElementById('largeimage').style.width = w + 'px';
	document.getElementById('largeimage').style.height = h + 'px';
	
	posx = (((bw - sw) - w) / 2);
	if (posx < 0)posx = 0;
	
	document.getElementById('largeimage').style.left = posx + 'px';	
	
	posy = ((bh + sh) - ((h + bh) / 2) + 52);
	if (posy < 10)posy = 10;
	
	document.getElementById('largeimage').style.top = posy + 'px';
	
	document.getElementById('largeimage').style.visibility = 'visible';
	
}
function hideLarge(){
	document.getElementById('largeimage').innerHTML	= '';
	document.getElementById('largeimage').style.display = 'none';
}
function hideImage(id){
	document.getElementById('pic'+id).innerHTML = '';
}
function showInfo(box,id){

	box = document.getElementById(box);
	id = document.getElementById(id);
	
    	if(box.checked == true){
    		id.style.visibility = "hidden";
    	}else{
		id.style.visibility = "visible";
	}
	
}
function showHide(show,hide){
	document.getElementById(show).style.display = '';
	document.getElementById(hide).style.display = 'none';
	document.getElementById(show + 'tab').style.backgroundColor = '#dddddd';
	document.getElementById(hide + 'tab').style.backgroundColor = '#ffffff';

}
var orderplace = 0;
var orderhtml = new Array();
var orderdata = new Array();
var totalprice = 0;

var pcs = 1;
var ordersize = '';
var ordercolor = '';

function submitOrder(){
	if(document.orderform.email.value.length < 6){
		document.getElementById('orderpersonal').scrollIntoView(true);
		alert("Prosimo vpišite elektronski naslov!");
		return;
	}
	if(document.orderform.lastname.value.length < 3){
		document.getElementById('orderpersonal').scrollIntoView(true);
		alert("Prosimo vpišite vaš priimek!");
		return;
	}	
	if(document.orderform.firstname.value.length < 3){
		document.getElementById('orderpersonal').scrollIntoView(true);
		alert("Prosimo vpišite vaše ime!");
		return;
	}		
	if(document.orderform.training.selectedIndex == 0){
		document.getElementById('orderpersonal').scrollIntoView(true);
		alert("Izberite kraj, kjer trenirate!");
		return;		
	}
	document.orderform.submit();
}
function checkOrder(id,price){
	if (ordersize != '' && ordercolor != ''){
		document.getElementById('orderorder').innerHTML = '<input type="button" class="orderbutton" onclick="addOrder(\''+ id +'\',\''+ ordercolor +'\',\''+ ordersize +'\','+ pcs +','+ price +')" value="Dodaj">';
	}
	document.getElementById('orderprice').innerHTML = '<b>'+  (price * pcs) + '€</b>';	
}
function insertOrder(id,price){
	
	document.getElementById('ordertitle').scrollIntoView(true);
	
	insert = '';
	ordersize = '';
	ordercolor = '';
	pcs = 1;
	displayorder = false;
	
	switch(id){
		case 'Windstoper M/Ž':
			sizes = Array('S','M','L','XL','XXL');
			colors = Array('črna');
		break;		
		case 'Kapa':
			sizes = Array('univerzalna');
			colors = Array('rdeča','siva','črna');
		break;	
		case 'Ženski flis':
			sizes = Array('S','M','L','XL');
			colors = Array('črna');
		break;
		case 'Ženska majica':
			sizes = Array('S','M','L','XL');
			colors = Array('siva','črna');
		break;
		case 'Ženska jopica s kapuco':
			sizes = Array('S','M','L','XL');
			colors = Array('bela','črna');
		break;
		case 'Otroška majica - kratek rokav':
			sizes = Array('5-6 let','7-8 let','9-10 let','11-12 let','12-14 let');
			colors = Array('bela','siva','črna');
		break;
		case 'Otroški pulover s kapuco':
			sizes = Array('4 leta','6 let','8 let','10 let','12 let');
			colors = Array('bela','črna');
		break;
		case 'Moški flis':
			sizes = Array('S','M','L','XL','XXL');
			colors = Array('črna');
		break;
		case 'Moška majica - kratek rokav':
			sizes = Array('S','M','L','XL','XXL');
			colors = Array('bela','siva','črna');
		break;
		case 'Moška majica - dolgi rokav':
			sizes = Array('S','M','L','XL','XXL');
			colors = Array('bela','siva','črna');
		break;
		case 'Moški pulover z zadrgo':
			sizes = Array('S','M','L','XL','XXL');
			colors = Array('olivna','črna');
		break;
		case 'Moška jopica s kapuco':
			sizes = Array('S','M','L','XL');
			colors = Array('siva','črna');
		break;												
		case 'Bokken':
			sizes = '-';
			colors = '-';
		break;		
		case 'Jo':
			sizes = '-';
			colors = '-';
		break;		
		case 'Torba za orožje':
			sizes = '-';
			colors = '-';
		break;								
	}
	
	insert += '<table class="order">';
	insert += '<tr class="ordersuperhead"><td style="text-align:left;width:150px">Artikel</td><td style="width:100px">Barva</td><td style="width:100px">Velikost</td><td style="width:40px">Kosov</td><td style="width:40px">Cena</td><td style="width:80px"></td></tr>';	
	insert += '<tr>';
	insert += '<td style="text-align:left;padding-top:5px">'+id +'</td>';
	insert += '<td>';
	if (colors != '-'){
		insert += '<select name="colorselect" onchange="ordercolor=options[selectedIndex].value;checkOrder(\''+ id +'\','+ price +')">';
		insert += '<option value="">- IZBERITE -</option>';
		for (i = 0; i < colors.length; i++){
			insert += '<option value="'+ colors[i] +'">'+ colors[i] +'</option>';
		}
		insert += '</select>';
	}else{
		ordercolor = '-';
		displayorder = true;
		insert += '<input type="hidden" value="-" name="colorselect">-';	
	}
	insert += '</td>';
	insert += '<td>';
	if (sizes != '-'){	
		insert += '<select name="sizeselect" onchange="ordersize=options[selectedIndex].value;checkOrder(\''+ id +'\','+ price +')">';
		insert += '<option value="">- IZBERITE -</option>';
		for (i = 0; i < sizes.length; i++){
			insert += '<option value="'+ sizes[i] +'">'+ sizes[i] +'</option>';
		}
		insert += '</select>';
	}else{
		ordersize = '-';
		displayorder = true;
		insert += '<input type="hidden" value="-" name="sizeselect">-';
	}
	insert += '</td>';	
	insert += '<td>';
	insert += '<select name="pcsselect" style="width:40px" onchange="pcs=options[selectedIndex].value;checkOrder(\''+ id +'\','+ price +')">';
	for (i = 1; i <= 10; i++){
		insert += '<option value="'+ i +'">'+ i +'</option>';
	}
	insert += '</select>';
	insert += '<td style="font-size:14px;padding-top:5px" id="orderprice"><b>'+  (price * pcs) + '€</b></td>';

	if (displayorder == true){
		insert += '<td id="orderorder"><input type="button" class="orderbutton" onclick="addOrder(\''+ id +'\',\''+ ordercolor +'\',\''+ ordersize +'\',1,'+ price +')" value="Dodaj"></td>';
	}else{	
		insert += '<td id="orderorder"></td>';	
	}
		
	insert += '</tr>';
	insert += '</table>';
	

	createOrderList(insert);
	
}
function addOrder(id,ordercolor,ordersize,pcs,price){
	
	if(document.getElementById('ordersubmit').style.display == 'none')document.getElementById('ordersubmit').style.display = '';
	
	orderhtml.push('<tr id="order'+ orderplace +'"><td style="text-align:left;padding-top:5px">'+ id +'</td><td style="padding-top:5px">'+ ordercolor +'</td><td style="padding-top:5px">'+ ordersize +'</td><td style="padding-top:5px">'+ pcs +'</td><td style="padding-top:5px"><b>'+ (price * pcs) +'€</b></td><td><input type="button" class="orderbutton" onclick="removeOrder('+ orderplace+ ','+ (price * pcs) +')" value="Odstrani"></td></tr>');
	orderdata.push('<tr><td style=text-align:left>'+ id +'</td><td>'+ ordercolor +'</td><td>'+ ordersize +'</td><td>'+ pcs +'</td><td>'+ (price * pcs) +'€</td></tr>');
	
	totalprice = totalprice + (price * pcs);
	
	orderplace++;
	
	createOrderList('');
	
}
function removeOrder(id,price){
	for (i = 0; i <= orderplace; i++){
		if (i == id){
			orderhtml.splice(i,1);
			orderdata.splice(i,1);
		}
	}
	orderplace--;	
	totalprice = totalprice - price;	
	
	if(orderhtml.length == 0)document.getElementById('ordersubmit').style.display = 'none';
	createOrderList('');
}
function createOrderList(insert){
	
	html = '';
	articles = '';
	
	if(insert != ''){
		html += insert;
	}else{
		html += '<div style="padding-top:10px;height:64px"><b>Kliknite na artikel</b> in nato izberite velikost, barvo in število artiklov in nato kliknite gumb <b>dodaj</b>. Artikle lahko odstranite s klikon na gumb <b>odstrani</b>.<br><b>Preverite vaše naročilo pred pošiljanjem!</b></div>';
		if(orderhtml.length == 0)html = 'Nimate izbranega artikla!';
	}
	
	if (orderhtml.length > 0) {
	
		html += '<h3>Izbrani artikli</h3>';	
		html += '<table class="order">';
		html += '<tr class="orderhead"><td style="text-align:left;width:150px">Artikel</td><td style="width:100px">Barva</td><td style="width:100px">Velikost</td><td style="width:40px">Kosov</td><td style="width:40px">Cena</td><td style="width:80px"></td></tr>';
	
		for (i = 0; i <= orderplace; i++){
			if (orderhtml[i]){
				html += orderhtml[i];
				articles += orderdata[i];
			}
		}
		
		html += '<tr class="ordertotal"><td colspan="4"><textarea name="order" style="width:0px;height:0px;float:left;visibility:hidden">'+ articles +'</textarea><input type="hidden" name="price" value="'+ totalprice +'">skupaj</td><td><b>'+ totalprice +'€</b></td><td></td></tr>';
		html += '</table>';	
	}
	
	document.getElementById('order').innerHTML = html;
	
}
function loadID(url,id){

	if (window.XMLHttpRequest){
		
		req = new XMLHttpRequest();
		
		req.onreadystatechange = function(){
			if (id == 0){
				return;
			}else{
				displayID(id);
			}
		};
		
		req.open("GET", url, true);
		req.send(null);
	
	}else if (window.ActiveXObject){
		req = new ActiveXObject("Microsoft.XMLHTTP");
		if (req){
			req.onreadystatechange = function(){
				if (id == 0){
					return;
				}else{
					displayID(id);
				}
			};
			
			req.open("GET", url, true);
			req.send();
		}
	}
	return;
}    
function displayID(id){

	if (req.readyState == 4){
		if (req.status == 200){
			document.getElementById(id).innerHTML = req.responseText;
		}else{
			document.getElementById(id).innerHTML = "error: " + req.statusText;
		}
	}
	return;
}
function showGallery(gallery,num){

	fadeGallery(0,gallery,num);
	
	//loadID('/gallery.php?gallery='+gallery+'&image='+num,'gallery');
	return;

}
function fadeGallery(action,gallery,num) { 
	
	id = 'photodis';
	millisec = 100;
	
	if (action == 1){
		opacStart = 1;
		opacEnd = 100;
		var ww = num;
	}else{
		opacStart = 100;
		opacEnd = 0;
		var ww = -1;
	}		
	
	var speed = Math.round(millisec / 100); 
	var timer = 0; 

	if(opacStart > opacEnd) { 
		for(i = opacStart; i >= opacEnd; i--) { 
			setTimeout("changeOpac("+ i +",'" + id + "','"+ gallery +"',"+ num +","+ ww +")",(timer * speed)); 
			timer++;
		} 
	} else if(opacStart < opacEnd) { 
        		for(i = opacStart; i <= opacEnd; i++) { 
            		setTimeout("changeOpac("+ i +",'" + id + "','"+ gallery +"',"+ num +","+ ww +")",(timer * speed)); 
			timer++; 
        		} 
    	}
} 

function changeOpac(opacity,id, gallery, num, ww) { 

	if(opacity > 0 && ww != -1){
		document.getElementById('photodis').style.visibility = 'visible';
		//document.getElementById('photodis').style.width = ww + 10 + 'px';
		//document.getElementById('photodis').style.backgroundColor = '#000000';
		ww = -1;
	}
		
	
	

	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100); 
	object.MozOpacity = (opacity / 100); 
	object.KhtmlOpacity = (opacity / 100); 
	object.filter = "alpha(opacity=" + opacity + ")"; 
	if (opacity == 100){
		object.opacity = ''; 
		object.MozOpacity = ''; 
		object.KhtmlOpacity = ''; 
		object.filter = ''; 
	}
	if (opacity == 0){
		loadID('/gallery.php?gallery='+gallery+'&image='+num,'gallery');	
	}	    
}