/*
mode 1 - defaultni, samo galerija slika odredjenog albuma
mode 2 - odabir albuma
mode 3 - odabir slike odjedjenog albuma, radi samo za pozivanje.php
*/
var playTime;
var play_is_on=0;
var mode;
var mfid=0;
var new_mouse_div;
var new_mouse_div_text;

function show_pictures (modee) {
	mode = typeof(modee) != 'undefined' ? modee : 1;
	$('container').setStyle('display', 'block');
	var while_pictures = 0;
	while(while_pictures < number_of_pictures) {
		var bigfoto_info = pictures[while_pictures].split('_');
		if (bigfoto_info[0] == 'H') {
			var thumb_stil = 'height:100%';
		} else {
			var thumb_stil = 'width:100%';
		}
		if (mode==1 || mode==3 || mode==4)
		{
			var newest_div = new Element('div', {
				'id': 'thumb_moo'
			});
			//mouse select div
			if ( mode==4){
				
				if(document.getElementById('mousediv')){new_mouse_div =$('mousediv');}else
				{
					
					new_mouse_div = new Element('div', {
						'id': 'mousediv',
						'class': 'floatdiv'
					});
					
					new_mouse_div.innerHTML=new_mouse_div_text.replace( /amp;/gi, "");
					new_mouse_div.inject(document.body);
				}		
			}
			
			
			var newest_image = new Element('img', {
				'src': pictures_th[while_pictures],
				'id': 'image_' + while_pictures,
				'name': bigfoto_info[1],
				'style' : thumb_stil,
				'events': {
					'click': function() {
						if(mode==3){
							select_picture(this.name);
						}
						else
						{
							clickThumb_moo(this.id);
						}
				}
			}
			});
			
			newest_div.inject($('inside'));
			newest_image.inject(newest_div);
		
		}
				
		
		
		if (mode==2)
		{
			var new_div = new Element('div', {
				'id': 'thumb_moo',
				'style': 'width:180px;height:180px;'
			});
			
			var new_div2 = new Element('div', {
				'id': 'naziv_albuma_'+while_pictures,
				'style': ''
			});
			
			var album = document.createTextNode(naziv[while_pictures]);
						
			var new_image = new Element('img', {
				'src': pictures_th[while_pictures],
				'id': 'image_' + while_pictures,
				'name': folder_ids[while_pictures],
				'style' : thumb_stil,
				'events': {
					'click': function() {select_album(this.name);}
				}
			});
			
			new_div.inject($('inside'));
			new_div2.inject(new_div);
			document.getElementById('naziv_albuma_'+while_pictures).appendChild(album);
			new_image.inject(new_div);
		}

		
		// preload all of the images
		
		if(mode==4 ){ 
		
			var preload_image = new Element('img', {
				'id' : 'big_picture_'+while_pictures,
				'src': '/creator/ajax/fotobig.php?mod=1&id='+bigfoto_info[1],
				'class': 'hide'
	
			});		
		
		}else{
			var preload_image = new Element('img', {
				'id' : 'big_picture_'+while_pictures,
				'src': '/creator/ajax/fotobig.php?id='+bigfoto_info[1],
				'class': 'hide'
	
			});
		}
		preload_image.inject($('container'));

		// NOTE: I didn't create an alt attribute because it won't be seen by anyone here anyway.
		while_pictures++;
	}
	//clickThumb_moo(pictures[0]);
	//alert(pictures[0]);
	/*
	if (mode==4){
		$('display_picture_info').fade(0);
		clickThumb_moo('image_0');
		$('play').setStyle('display', 'none');
		$('pause').setStyle('display', 'block');
		playTime=setTimeout('timedPlay()',3000);
		}
		*/
}

var current_id = 1;

function prikazi_galeriju(modee, ndt) {
	if(ndt){new_mouse_div_text=ndt;}
	mode = typeof(modee) != 'undefined' ? modee : 1;
	
	show_pictures(mode);
	$('display_picture_container').fade('hide');

	var vertical_moves = 0;
	
	if(mode==1 || mode==3 || mode==4 ){
	
		var rows = Math.ceil(number_of_pictures/11);

		if(rows>6) {
		
			$('up').addEvent('click', function(event){
				if(!$('up').hasClass('deactivated')) {
					vertical_moves--;
					$('down').erase('class');
					$('inside').tween('margin-top', '-'+ (69 * vertical_moves) +'px');
					if (vertical_moves==0) {
						$('up').set('class', 'deactivated');
					}
				}
			});
	
			$('down').addEvent('click', function(event){
				if(!$('down').hasClass('deactivated')) {
					vertical_moves++;
					$('up').erase('class');
					$('inside').tween('margin-top', '-'+ (69 * vertical_moves) +'px');
					if(vertical_moves == (rows-6)) {
						$('down').set('class', 'deactivated');
					}
				}
			});
		} else {
			$('up').set('class', 'deactivated');
			$('down').set('class', 'deactivated');
		}
	}
	if(mode==2)
	{
		var rows = Math.ceil(number_of_pictures/4);

		if(rows>2) {
		
			$('up').addEvent('click', function(event){
				if(!$('up').hasClass('deactivated')) {
					vertical_moves--;
					$('down').erase('class');
					$('inside').tween('margin-top', '-'+ (160 * vertical_moves) +'px');
					if (vertical_moves==0) {
						$('up').set('class', 'deactivated');
					}
				}
			});
	
			$('down').addEvent('click', function(event){
				if(!$('down').hasClass('deactivated')) {
					vertical_moves++;
					$('up').erase('class');
					$('inside').tween('margin-top', '-'+ (160 * vertical_moves) +'px');
					if(vertical_moves == (rows-2)) {
						$('down').set('class', 'deactivated');
					}
				}
			});
		} else {
			$('up').set('class', 'deactivated');
			$('down').set('class', 'deactivated');
		}
	}
	
	$('left').addEvent('click', function(){
		if (play_is_on) {
			stopPlay();
		}
		if(!$('left').hasClass('deactivated')) {
			current_id = $('big_picture').get('class').replace('image_', '');
			current_id--;
			$('big_picture').fade('hide');
			$('big_picture').set('src', $('big_picture_'+current_id).get('src'));
			$('big_picture').fade(1);
			$('big_picture').set('class', 'image_' + current_id);
			if(current_id==0) { $('left').set('class', 'deactivated'); }
			if(current_id==(number_of_pictures-2)) { 
				$('right').erase('class');
				$('play').erase('class');
			}
		}
	});

	$('right').addEvent('click', function(){
		if (play_is_on) {
			stopPlay();
		}
		sljedeca_fotka();
	});

	$('play').addEvent('click', function(){
		clickPlay_moo();
	});

	$('pause').addEvent('click', function(){
		stopPlay();
	});

	$('start_play').addEvent('click', function(){
		$('display_picture_info').fade(0);
		clickThumb_moo('image_0');
		$('play').setStyle('display', 'none');
		$('pause').setStyle('display', 'block');
		playTime=setTimeout('timedPlay()',3000);
	});

	$('display_picture_img').addEvent('click', function(){
		stopPlay();
		if (mode==3)
		{
		current_id = $('big_picture').get('src').replace('/creator/ajax/fotobig.php?id=', '');
		slicica_src = '../user/'+user_id+'/th2/'+current_id+'.jpg';
		document.getElementById('slika').value=current_id;
		document.getElementById('slicica_prijatelji').style.display='none';
		document.getElementById('slicica_div').style.display='block';
		document.getElementById('mala_slicica').src=slicica_src;
		SqueezeBox.close();
		}
		else if(mode==4)
		{
		
		}
		else
		{
		$('display_picture_container').fade(0);
		$('big_picture').fade(0);
		$('up').setStyle('margin-left', '360px');
		$('controls_horz').setStyle('display', 'none');
		$('controls_vert').setStyle('display', 'block');
		$('left').setStyle('margin-left', '7px');
		$('up').tween('margin-left', '7px');
		}
		
	});
	
			
}
//ovo je dodano za mod=4


function get_scroll_ig(){
	var scrOfX = 0, scrOfY = 0;
	if( typeof( window.pageYOffset ) == 'number' ) {
				scrOfY = window.pageYOffset; scrOfX = window.pageXOffset;
			} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
				scrOfY = document.body.scrollTop; scrOfX = document.body.scrollLeft;
			} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
				scrOfY = document.documentElement.scrollTop; scrOfX = document.documentElement.scrollLeft;
			}
			return { 'scrOfX':scrOfX , 'scrOfY':scrOfY }
	}


function is_inrange(fele, fixele){
		if (fixele){
			var scrOfX = 0, scrOfY = 0;
			scrollpos=get_scroll_ig();
			scrOfX=scrollpos['scrOfX'];
			scrOfY=scrollpos['scrOfY'];
			MouseXpos=cx+scrOfX;
			MouseYpos=cy+scrOfY;
		
			if((MouseXpos>getX(fixele))&(MouseXpos<(getX(fixele)+fixele.offsetWidth))&(MouseYpos>getY(fixele))&(MouseYpos<(getY(fixele)+fixele.offsetHeight))){return true;}
		}
	}
	
	
var cx; var cy;  var drag;
function mouseOverDiv(e){ e = e ? e : window.event; cx=e.clientX; cy=e.clientY; dragover(); }
document.onmousemove = mouseOverDiv;

function dragover(){
	if(new_mouse_div){
		if(drag==1){
		scrollpos=get_scroll_ig();
		new_mouse_div.style.left=(scrollpos['scrOfX']+cx-(parseInt(new_mouse_div.offsetWidth)/2))+"px";	
		new_mouse_div.style.top =(scrollpos['scrOfY']+cy-(parseInt(new_mouse_div.offsetHeight)/2))+"px";
		}
		if (!is_inrange(new_mouse_div, $('big_picture')) ){
			new_mouse_div.style.display="none";
			}else{new_mouse_div.style.display="block";}
	}
}
	
	
//----
function clickThumb_moo(th_id){
	if( mode==4){
		$('display_picture_img').innerHTML = "<img src=\"/creator/ajax/fotobig.php?mod=1&id=" + $(th_id).name + "\" id=\"big_picture\" class=\"" + th_id + "\" style=\"height:100%\" />";
		$('big_picture').addEvent('mouseover', function(){drag=1;});
		new_mouse_div.addEvent('mouseover', function(){drag=1;});
		new_mouse_div.addEvent('click', function(){ 
					mfid= $('big_picture').get('src').replace(/^.*[=]/g, '');;
					new_mouse_div.style.display="none";
		 			SqueezeBox.close();
					});
		
		
		

	}else{
		$('display_picture_img').innerHTML = "<img src=\"/creator/ajax/fotobig.php?id=" + $(th_id).name + "\" id=\"big_picture\" class=\"" + th_id + "\" style=\"height:100%\" />";
	}
	
	$('display_picture_info').fade(0);
	$('display_picture_container').fade(1);
	$('big_picture').fade(.999999);
	$('controls_vert').setStyle('display', 'none');

	if($(th_id).id.replace('image_', '')==0) {
		$('left').set('class', 'deactivated');
		$('play').erase('class');
		$('right').erase('class');
	} else if($(th_id).id.replace('image_', '')==(number_of_pictures-1)) {
		$('left').erase('class');
		$('play').set('class', 'deactivated');
		$('right').set('class', 'deactivated');
	} else {
		$('left').set('class', 'activated');
		$('play').erase('class');
		$('right').erase('class');
	}

	$('controls_horz').setStyle('display', 'block');
	$('left').tween('margin-left', '360px');
}

function select_picture(th_id){
		current_id = th_id;
		slicica_src = '../user/'+user_id+'/th2/'+th_id+'.jpg';
		document.getElementById('slika').value=current_id;
		document.getElementById('slicica_div').style.display='block';
		document.getElementById('slicica_prijatelji').style.display='none';
		document.getElementById('mala_slicica').src=slicica_src;
		SqueezeBox.close();
}


function sljedeca_fotka(){
	if(!$('right').hasClass('deactivated')) {
		current_id = $('big_picture').get('class').replace('image_', '');
		current_id++;
		$('big_picture').fade('hide');
		$('big_picture').set('src', $('big_picture_'+current_id).get('src'));
		$('big_picture').fade(1);
		$('big_picture').set('class', 'image_' + current_id);
		if(current_id==1) { $('left').erase('class'); }
		if(current_id==(number_of_pictures-1)) { 
			$('right').set('class', 'deactivated');
			$('play').set('class', 'deactivated');
			stopPlay();
		}
	}
}

function clickPlay_moo(){
	$('play').setStyle('display', 'none');
	$('pause').setStyle('display', 'block');
	if (!play_is_on) {
		play_is_on=1;
		timedPlay();
	}
}

function timedPlay() {
	playTime=setTimeout('timedPlay()',3000);
	sljedeca_fotka();
}

function stopPlay() {
	$('play').setStyle('display', 'block');
	$('pause').setStyle('display', 'none');
	clearTimeout(playTime);
	play_is_on=0;
}

function parseScript(_source) {
		var source = _source;
		var scripts = new Array();
		
		// Strip out tags
		while(source.indexOf("<script") > -1 || source.indexOf("</script") > -1) {
			var s = source.indexOf("<script");
			var s_e = source.indexOf(">", s);
			var e = source.indexOf("</script", s);
			var e_e = source.indexOf(">", e);
			
			// Add to scripts array
			scripts.push(source.substring(s_e+1, e));
			// Strip from source
			source = source.substring(0, s) + source.substring(e_e+1);
		}
		
		// Loop through every script collected and eval it
		for(var i=0; i<scripts.length; i++) {
			try {
				eval(scripts[i]);
			}
			catch(ex) {
				// do what you want here when a script fails
		//		alert(ex);
			}
		}
		
		// Return the cleaned source
		return scripts;
}