var ipic = {
	pg : '',
	ln : [],
	uft : '',
	lnc : 0,
	pcs : [],
	max_ln : 10,
	up_tout : 100,
	rsp : 0,
	rsr : 0,
	tp : 'computer',
	dlt : '',
	afres : function () {
		var daheight = $('content').offsetHeight;
		$('gradientr').style.height = $('gradientl').style.height = parseInt( parseInt( daheight ) + 20 ) + 'px';
	},
	init : function () {
		if ( ipic.pg == 'main' ) {
			ipic.gen( 0, 1 );
			
			$('fcout_cncomputer').style.left = parseInt( ( $('it0').clientWidth - 13 ) / 2 ) + 'px';
			$('fcout_bkcomputer').style.width = ( $('it0').clientWidth - 27 ) + 'px';	
		}
		
		if ( ipic.pg == 'uploaded' ) {
			ipic.pg = 'main';	
		}
		
		$('menu_' + ipic.pg).addClass('active');
		
		$('cout_bk' + ipic.pg).style.width = ( $('menu_' + ipic.pg ).clientWidth - 21 ) + 'px';
		$('cout_cn' + ipic.pg).style.left = parseInt( ( $('menu_' + ipic.pg ).clientWidth - 22 ) / 2 ) + 'px';
		
		ipic.afres();
		document.body.onresize = function () {
			ipic.afres();
		}
	},
	gen : function ( sid, c ) {
		var ht = '';
		for ( var i = 0; i < c; i++ ) {
			ht += '<form id="upl_frm' + sid + '" enctype="multipart/form-data" action="upload.php" method="post" target="ihid' + sid + '">'
				ht += '<div class="upload" id="pic' + sid + '">';
					ht += '<div class="thepic"></div>';
					ht += '<div id="frm_div' + sid + '">';
						ht += '<div class="max rel frm_d">';
							ht += '<div class="max" id="filwrap' + sid + '">';
								ht += '<input class="upl nod" id="fil' + sid + '" name="pic" type="file" onchange="ipic.fake(' + sid + ');" />';
								ht += '<input class="upl" />';
								ht += '<div class="fake" id="fake' + sid + '"></div>';
								ht += '<div class="fake-butt">browse</div>';
							ht += '</div>';
							ht += '<div class="nodisp upl" id="urlwrap' + sid + '">';
								ht += '<input id="url' + sid + '" name="url" type="text" class="inp" />';
							ht += '</div>';
						ht += '</div>';
						ht += '<iframe id="ihid' + sid + '" name="ihid' + sid + '" src="about:blank" class="nodisp"></iframe>';
					ht += '</div>';
				ht += '</div>';
			ht += '</form>';
			
			
			sid++;
			ipic.lnc++;
			ipic.pcs.push( { type: ipic.tp } );
		}
		
		var dv = document.createElement( 'div' );
		dv.innerHTML = ht;
		
		$('uploads').appendChild( dv );
		
		ipic.gsw( ipic.tp, (ipic.tp == 'computer')? 0 : 1 );
	},
	swi : function ( sid, type, id ) {
		ipic.pcs[ sid ].type = type;
		
		for ( var i = 0; i < ipic.ln.length; i++ ) {
			$('pa' + sid + '_' + i).removeClass( 'active' );
		}	
		
		$('pa' + sid + '_' + id).addClass( 'active' );
		
		switch ( type ) {
		case 'computer':
			$('filwrap' + sid).removeClass('nodisp');
			$('urlwrap' + sid).addClass('nodisp');
		break;
		case 'internet':
			$('filwrap' + sid).addClass('nodisp');
			$('urlwrap' + sid).removeClass('nodisp');
		break;
		default:
			$('filwrap' + sid).removeClass('nodisp');
			$('urlwrap' + sid).addClass('nodisp');
		}
	},
	gsw : function ( type, id ) {
		for ( var i = 0; i < ipic.lnc; i++ ) {
			ipic.pcs[ i ].type = type;
			
			/*for ( var j = 0; j < ipic.ln.length; j++ ) {
				$('pa' + i + '_' + j).removeClass( 'active' );
			}
			
			$('pa' + i + '_' + id).addClass( 'active' );*/	
			
			switch ( type ) {
			case 'computer':
				$('filwrap' + i).removeClass('nodisp');
				$('urlwrap' + i).addClass('nodisp');
			break;
			case 'internet':
				$('filwrap' + i).addClass('nodisp');
				$('urlwrap' + i).removeClass('nodisp');
			break;
			default:
				$('filwrap' + i).removeClass('nodisp');
				$('urlwrap' + i).addClass('nodisp');
			}
			
			ipic.tp = type;
		}
		
		for ( var j = 0; j < ipic.ln.length; j++ ) {
			$('it' + j).removeClass( 'active' );
		}
		
		$('it' + id).addClass( 'active' );
		$('fcout_cn' + type).style.left = parseInt( ( $('it' + id).clientWidth - 13 ) / 2 ) + 'px';
		$('fcout_bk' + type).style.width = ( $('it' + id).clientWidth - 27 ) + 'px';
	},
	more : function ( n ) {
		ipic.gen( ipic.lnc, n );
		
		var as = $('more').getElementsByTagName( 'a' );
		for ( var i in as ) {
			var el = as[ i ];
			var inst = false;
			
			if ( document.all ) {
				if ( el in window ) {
					inst = true;
				}
			} else {
				if ( el instanceof HTMLElement ) {
					inst = true;
				}
			}
			
			if ( inst ) {
				var n = el.attributes.name.value;
				
				if ( ( ipic.max_ln - ipic.lnc ) < n ) {
					$(el).addClass('opacty');
					el.onclick = function () {
						return false;	
					}
				}
			}
		}
	},
	upl : function () {
		var cnt = 0;
		
		for ( var i = 0; i < ipic.lnc; i++ ) {
			if ( ( ( ipic.tp == 'computer' ) && ( $('fil' + i ).val().length ) ) ||( ( ipic.tp == 'internet' ) && ( $('url' + i ).val().length ) ) ) {
				cnt++;
				
				if ( ( ipic.tp == 'computer' ) && ( $('url' + i ).val().length ) ) {
					$('url' + i).value = '';
				}
				
				if ( ( ipic.tp == 'internet' ) && ( $('fil' + i ).val().length ) ) {
					$('fil' + i).remove();
				}
			}
		}
		
		if ( !cnt ) {
			return;	
		}
		
		ipic.rsr = cnt;
		$('uploads').addClass( 'nodisp' );
		$('more').addClass( 'opacty' );
		
		var as = $('more').getElementsByTagName( 'a' );
		for ( var i in as ) {
			var el = as[ i ];
			var inst = false;
			
			if ( document.all ) {
				if ( el in window ) {
					inst = true;
				}
			} else {
				if ( el instanceof HTMLElement ) {
					inst = true;
				}
			}
			
			if ( inst ) {
				el.onclick = function () {
					return false;	
				}
			}
		}
		
		$('upl_butt').addClass( 'nodisp' );
		$('tech').addClass( 'nodisp' );
		$('from').addClass( 'nodisp' );
		$('progress').removeClass( 'nodisp' );
		
		ipic.rsp = 0;
		var dta = 'n=' + Math.floor( Math.random() * 214783645 ) + '&r=' + $('resize').val() + '&q=' + $('qual').val();
		
		if ( $('ps').checked ) {
			dta += '&ps=1';
		}
		
		if ( $('optimize').checked ) {
			dta += '&opt=1';
		}
		
		$.ajax(
			{
				type: 'POST',
				url: 'index.php?a=1',
				data:  dta,
				dataType: 'html',
				success: function ( h ) {
					if ( h.indexOf('OK') == -1 ) {
						return;	
					}
					
					var s = false;
					
					for ( var i = 0; i < ipic.lnc; i++ ) {
						if ( s ) {	
							if ( ( ( ipic.tp == 'computer' ) && ( $('fil' + i ).val().length ) ) ||( ( ipic.tp == 'internet' ) && ( $('url' + i ).val().length ) ) ) {
								setTimeout( "$('frm_div" + i + "').style.display = 'none';$('upl_frm" + i + "').submit();", ipic.up_tout * i );
							}
						} else {
							if ( ( ( ipic.tp == 'computer' ) && ( $('fil' + i ).val().length ) ) ||( ( ipic.tp == 'internet' ) && ( $('url' + i ).val().length ) ) ) { 
								$('frm_div' + i).style.display = 'none';
								//$('upl_div' + i).style.display = 'block';
									
								$('upl_frm' + i).submit();
								s = true;
							}
						}
					}	
				}
			}
		);
	},
	cl : function ( url ) {
		document.location = url;
	},
	chk : function () {
		if ( ++ipic.rsp == ipic.rsr ) {
			ipic.cl( location.protocol + '//' + location.hostname + location.pathname + '?p=uploaded' );
		}
	},
	fake : function ( i ) {
		var path = $('fil' + i).val().split( '\\' );
		
		
		$('fake' + i).html( path[ path.length - 1 ] );
	},
	dl : function ( i, id, pt ) {
		if ( typeof pt == 'undefined' ) {
			pt = '';	
		}
		
		$.ajax(
			{
				type: 'POST',
				url: pt + 'index.php?a=1&d=1&id=' + id,
				dataType: 'html',
				success: function ( h ) {
					if ( h.indexOf( 'OK' ) != -1 ) {
						alert( ipic.dlt );
						
						if ( $('uimg' + i) ) {
							$('uimg' + i).remove();
							
							if ( $('uline' + i) ) {
								$('uline' + i).remove();
							}
							
							var c = 0;
							for ( var j = 0; j < 10; j++ ) {
								if ( $('uimg' + j) ) {
									c++;
								}
							}
							
							if ( c == 0 ) {
								ipic.cl( location.protocol + '//' + location.hostname + '/index.php' );
							}
						} else {
							ipic.cl( location.protocol + '//' + location.hostname + '/index.php' );	
						}
					} 
				}
			}
		);
	},
	cc : function () {
		$('captchai').src = '/c.php?n=' + Math.floor( Math.random() * 214783645 );
	}
};

var ipicval = {
	tx_req : '',
	tx_em : '',
	validate : function () {
		if ( !$('captcha').val().length || !$('reason').val().length || !$('link').val().length ) {
			alert( ipicval.tx_req );
			return false;
		}
		
		return true;
	}
}

var ipicgal = {
	maxim : false,
	sw : function () {
		ipicgal.maxim = !ipicgal.maxim;
		var o = $('gal_pic');
		
		if ( ipicgal.maxim ) {
			o.style.width = 'auto';
			o.style.height = 'auto';
			o.style.position = 'absolute';
			
			var w = o.offsetWidth;
			o.style.left = '50%';
			o.style.margin = '-150px 0 0 -' + parseInt( w / 2 ) + 'px';
		} else {
			o.style.width = '';
			o.style.height = '';
			o.style.position = '';
			o.style.left = '';
			o.style.margin = '';
		}	
	}
};