var basla = setInterval(Yukle,1);
var bas = 0;
var son = 0;
var hiz = 3;

function Yukle() {
	var bar = document.getElementById('Bar');
	if (bar != null) {
		if (bas==0) son = son + hiz;
		if (son>30 || bas>77) bas = bas + hiz;
		if (bas>77) son = son - hiz;
		if (bas>77 && son == 0) bas = 0;
		bar.style.left = bas;
		bar.style.width = son;
	}
}

function YukleGizle() {
	this.clearInterval(basla);
	var alan = document.getElementById('BoxAlan');
		alan.style.display = 'none';
		alan.style.visibility = 'hidden';
	var basla = setInterval(Yukle,60);
}

var Xcik;
var Ycik;
function XPozisyon(degerim) {
	var Soldan = 0;
	if (degerim.offsetParent) 	{
		while (degerim.offsetParent) 		{
			Soldan = Soldan + degerim.offsetLeft
			degerim = degerim.offsetParent;
		}
	}
	else if (degerim.x)
		Soldan = Soldan + degerim.x;
	return Soldan;
}
function YPozisyon(degerim) {
	var Yukaridan = 0;
	if (degerim.offsetParent) 	{
		while (degerim.offsetParent) 		{
			Yukaridan = Yukaridan + degerim.offsetTop
			degerim = degerim.offsetParent;
		}
	}
	else if (degerim.y)
		Yukaridan = Yukaridan + degerim.y;
	return Yukaridan;
}

var Icerik = "";
function ResimGoster(gelen,dosya) {
	if (document.getElementById("ResimDiv").style.display == "none") {
		Xcik = XPozisyon(gelen);
		Ycik = YPozisyon(gelen);
		Icerik = '<div style="width:430px">';
			Icerik = Icerik + '<div>'
				Icerik = Icerik + '<div id="BoxAlan">'
					Icerik = Icerik + '<div id="YukleAlan">'
						Icerik = Icerik + '<div align="center">Ürün Fotoğrafı Yükleniyor!</div>'
						Icerik = Icerik + '<div id="BarBg">'
							Icerik = Icerik + '<div id="Bar"></div>'
						Icerik = Icerik + '</div>'
					Icerik = Icerik + '</div>'
				Icerik = Icerik + '</div>'
				Icerik = Icerik + '<table width="430" height="309" bgcolor="#e3e3e3" cellspacing="0" cellpadding="0">'
					Icerik = Icerik + '<tr>'
						Icerik = Icerik + '<td height="1"></td>'
					Icerik = Icerik + '</tr>'
					Icerik = Icerik + '<tr>'
						Icerik = Icerik + '<td valign="top" align="center"><img src="ftp/urunler/'+dosya+'" width="428" height="307" border="0" onload="javascript:YukleGizle();"></td>'
					Icerik = Icerik + '</tr>'
					Icerik = Icerik + '<tr>'
						Icerik = Icerik + '<td height="1"></td>'
					Icerik = Icerik + '</tr>'
				Icerik = Icerik + '</table>'
			Icerik = Icerik + '</div>';
		Icerik = Icerik + '</div>'; 
		document.getElementById("ResimDiv").style.left = Xcik+143;
		document.getElementById("ResimDiv").style.top = Ycik-1;
		document.getElementById("ResimDiv").innerHTML = Icerik;
		document.getElementById("ResimDiv").style.display = "";
		Xcik = 0;
		Ycik = 0;
	}
}

function ResimGoster2(gelen,dosya,sira) {
	if (document.getElementById("ResimDiv").style.display == "none") {
		Xcik = XPozisyon(gelen);
		Ycik = YPozisyon(gelen);
		Icerik = '<div style="width:430px">';
			Icerik = Icerik + '<div>'
				Icerik = Icerik + '<div id="BoxAlan">'
					Icerik = Icerik + '<div id="YukleAlan">'
						Icerik = Icerik + '<div align="center">Ürün Fotoğrafı Yükleniyor!</div>'
						Icerik = Icerik + '<div id="BarBg">'
							Icerik = Icerik + '<div id="Bar"></div>'
						Icerik = Icerik + '</div>'
					Icerik = Icerik + '</div>'
				Icerik = Icerik + '</div>'
				Icerik = Icerik + '<table width="430" height="309" bgcolor="#e3e3e3" cellspacing="0" cellpadding="0">'
					Icerik = Icerik + '<tr>'
						Icerik = Icerik + '<td height="1"></td>'
					Icerik = Icerik + '</tr>'
					Icerik = Icerik + '<tr>'
						Icerik = Icerik + '<td valign="top" align="center"><img src="ftp/urunler/diger/'+dosya+'" width="428" height="307" border="0" onload="javascript:YukleGizle();"></td>'
					Icerik = Icerik + '</tr>'
					Icerik = Icerik + '<tr>'
						Icerik = Icerik + '<td height="1"></td>'
					Icerik = Icerik + '</tr>'
				Icerik = Icerik + '</table>'
			Icerik = Icerik + '</div>';
		Icerik = Icerik + '</div>';
		ust = (Xcik+240)-(sira*45)+88;
		document.getElementById("ResimDiv").style.left = ust;
		document.getElementById("ResimDiv").style.top = 297;
		document.getElementById("ResimDiv").innerHTML = Icerik;
		document.getElementById("ResimDiv").style.display = "";
		Xcik = 0;
		Ycik = 0;
	}
}

function ResimGoster3(gelen,dosya,sira) {
	if (document.getElementById("ResimDiv").style.display == "none") {
		Xcik = XPozisyon(gelen);
		Ycik = YPozisyon(gelen);
		Icerik = '<div style="width:430px">';
			Icerik = Icerik + '<div>'
				Icerik = Icerik + '<div id="BoxAlan">'
					Icerik = Icerik + '<div id="YukleAlan">'
						Icerik = Icerik + '<div align="center">Ürün Fotoğrafı Yükleniyor!</div>'
						Icerik = Icerik + '<div id="BarBg">'
							Icerik = Icerik + '<div id="Bar"></div>'
						Icerik = Icerik + '</div>'
					Icerik = Icerik + '</div>'
				Icerik = Icerik + '</div>'
				Icerik = Icerik + '<table width="430" height="323" cellspacing="0" cellpadding="0">'
					Icerik = Icerik + '<tr>'
						Icerik = Icerik + '<td valign="top" align="center"><img src="ftp/galeri/'+dosya+'" width="430" height="323" border="0" onload="javascript:YukleGizle();"></td>'
					Icerik = Icerik + '</tr>'
				Icerik = Icerik + '</table>'
			Icerik = Icerik + '</div>';
		Icerik = Icerik + '</div>';
		ust = (Xcik+227)-(sira*56)+112;
		document.getElementById("ResimDiv").style.left = ust;
		document.getElementById("ResimDiv").style.top = 297;
		document.getElementById("ResimDiv").innerHTML = Icerik;
		document.getElementById("ResimDiv").style.display = "";
		Xcik = 0;
		Ycik = 0;
	}
}

function ResimGizle(){
	document.getElementById("ResimDiv").style.display = "none";
	document.getElementById("ResimDiv").innerHTML = "";
}