// JavaScript Document

var curr_slide = 1;

var curr_album_selected = '';

var albums_nr_photos = 0;

var albums_nr_slides = 0;

var albums_curr_slides = 0;

var albums_curr_pic_view = 0;

var ajax_bg_anim = 'url(../images/white-ajax-loader.gif) no-repeat scroll center';

function load_gallery() {
	
	//get_album_pics();

	var msie=new RegExp("MSIE");

	if ( msie.test(navigator.userAgent) ) {
	
		document.getElementById('dark_mask').style.display = 'block';
	
	} else {
	
		$('#dark_mask').fadeIn(500);
	
	} 
	
	
	if ( msie.test(navigator.userAgent) ) {
	
		document.getElementById('pop_gallery_holder').style.display = 'block';
	
	} else {
	
		setTimeout( "$('#pop_gallery_holder').fadeIn(500);" ,600);
	
	} 
	
	
	
}


function close_gallery() {
	

	var msie=new RegExp("MSIE");
	
	if ( msie.test(navigator.userAgent) ) {
	
		document.getElementById('pop_gallery_holder').style.display = 'none';
	
	} else {
	
		$('#pop_gallery_holder').fadeOut(500);
	
	} 
	
	

	if ( msie.test(navigator.userAgent) ) {
	
		document.getElementById('dark_mask').style.display = 'none';
	
	} else {
	
		setTimeout( "$('#dark_mask').fadeOut(500);" ,600);
	
	} 
	
	
	
	
	
	
	
}



function gallery_move(pos) {
	
	
	
	
	
	if (pos.length >= 2) {
		
		set_gallery( pos );
		
		$("#album_gallery_holder").animate({"margin-left": '-860px'}, 800); 
		
		document.getElementById('extended_pic').removeAttribute('style');
		
	} else {
		
		$("#album_gallery_holder").animate({"margin-left": '0px'}, 800); 
		
		document.getElementById('large_pic_load').src = '';
		
		
		
	}	
	
	
}


function direction_test(direct) {
	
	if (direct == 'left') {
		
		$("#albums_band").animate({"margin-left": '-=760px' }, 800); 
		
	} else {
		
		$("#albums_band").animate({"margin-left": '+=760px'}, 800); 
		
	}	

	
}


function scroll_vert(direct) {
	
	if (direct == 'top') {
		
		$("#vert_band").animate({"margin-top": '+=388px' }, 1200); 
		
		albums_curr_slides = albums_curr_slides - 1;
		
	} else {
		
		$("#vert_band").animate({"margin-top": '-=388px'}, 1200); 
		
		albums_curr_slides = albums_curr_slides + 1;
		
	}	
	
	albums_tb_arrows();

	
}


function dot_scroll(dot_id) {
	
	var selected_id = dot_id;
	
	var nr = dot_id.replace("dot_","");
	
	// document.getElementById('debug_slider').value = curr_slide;
	
	//alert(selected_id + ' ' + nr) ;
	
	curr_slide = nr;
	
	for ( s = 1; s <= nr_slides; s++ ) {
		
		if ( s == nr ) {
		
			document.getElementById(selected_id).style.backgroundPosition = 'bottom';
		
		} else {
		
			document.getElementById('dot_'+s).style.backgroundPosition = 'top';
			
		}	
		
	}
	
	if ( nr == 1 ) {
		
		$("#albums_band").animate({"margin-left": '0px'}, 800);
		
	} else {
		
		nr = nr - 1;
		
		nr = -(760 * nr);
	
		$("#albums_band").animate({"margin-left": nr+'px'}, 800); 
		
	}
	
	arrow_display();
	

	
}


function arrow_display() {
	
	if ( nr_slides == 1 ) {
		
		
	
	} else {
	
		if ( curr_slide == 1 ) {
		
			document.getElementById('album_left').style.display = 'none';
			
		} else {
		
			document.getElementById('album_left').style.display = 'block';
			
		}
		
		if ( curr_slide == nr_slides ) {
		
			document.getElementById('album_right').style.display = 'none';
			
		} else {
		
			document.getElementById('album_right').style.display = 'block';
			
		}
	
	
	}
	
	// document.getElementById('debug_slider').value = curr_slide;
	
	
}




function albums_tb_arrows() {
	
	//alert(2);
	
	if ( albums_nr_slides == 1 ) {
		
		
	
	} else {
	
		if ( albums_curr_slides == 1 ) {
		
			document.getElementById('album_scroll_top').style.display = 'none';
			
		} else {
		
			document.getElementById('album_scroll_top').style.display = 'block';
			
		}
		
		if ( albums_curr_slides == albums_nr_slides ) {
		
			document.getElementById('album_scroll_bottom').style.display = 'none';
			
		} else {
		
			document.getElementById('album_scroll_bottom').style.display = 'block';
			
		}
	
	
	}
	
	// document.getElementById('debug_slider').value = curr_slide;
	
	
}


function navigate_albums(direction) {
	
	//alert( curr_slide );
	
	// document.getElementById('debug_slider').value = curr_slide;
	
	if ( direction == 'left' ) {
	
		curr_slide = eval(curr_slide) + 1;
		
		nr = curr_slide - 1;
		
		nr = -(760 * nr);
		
		$("#albums_band").animate({"margin-left": nr+'px'}, 800);
		
		
	
	} else {
	
		curr_slide = curr_slide - 1;
		
		nr = curr_slide - 1;
		
		nr = -(760 * nr);
		
		$("#albums_band").animate({"margin-left": nr+'px'}, 800); 
	
	}	
	
	// document.getElementById('debug_slider').value = curr_slide;
	
	arrow_display();
	
	dot_changer();
	
	// document.getElementById('debug_slider').value = curr_slide;
	
} 


function dot_changer() {
	
	for ( s = 1; s <= nr_slides; s++ ) {
		
		if ( s == curr_slide ) {
		
			document.getElementById('dot_'+s).style.backgroundPosition = 'bottom';
		
		} else {
		
			document.getElementById('dot_'+s).style.backgroundPosition = 'top';
			
		}	
		
	}
	
}


function set_gallery( album_id_content ) {
	
	
	
	
	
	document.getElementById('load_album_title').innerHTML = document.getElementById(album_id_content+'_title').innerHTML;
	
	curr_album_selected = album_id_content;
	
	albums_nr_photos = album[album_id_content]['nr_of_pics']; 
	
	albums_nr_slides = albums_nr_photos / 4;
	
	albums_nr_slides = albums_nr_slides + '';
	
	if ( albums_nr_slides.indexOf(".") != -1 ) {
		
		var remove_this = albums_nr_slides.substr(albums_nr_slides.indexOf("."));
		
		albums_nr_slides = albums_nr_slides.replace(remove_this,'');
		
		albums_nr_slides = eval(albums_nr_slides) + 1;
		
	} else {
		
		albums_nr_slides = eval(albums_nr_slides);	
		
	}
	
	albums_curr_slides = 1;
	
	albums_curr_pic_view = 1;
	
	
	document.getElementById('album_scroll_top').style.display = 'none';
	
	if ( albums_nr_slides != 1 ) { document.getElementById('album_scroll_bottom').style.display = 'block'; } else { document.getElementById('album_scroll_bottom').style.display = 'none'; }
	
	
	
	
	
	
	
	var nr_photos = album[album_id_content]['nr_of_pics']; 
	
	document.getElementById('vert_band').style.height = (97 * nr_photos)+'px';
	
	document.getElementById('vert_band').style.marginTop = '0px';
	
	document.getElementById('large_pic_load').style.marginTop = '0px';
	
	document.getElementById('pic_desc_large').innerHTML = '<strong>' + album[album_id_content][1]['pic_name'] + '</strong> - ' + album[album_id_content][1]['desc'];
	
	document.getElementById('large_pic_load').style.display = 'none';
	
	document.getElementById('large_pic_load').src = home_path+'media/width/604/height/438/image/'+album[album_id_content][1]['filename'];
	
	
	
	
	 $('#large_pic_load').load(function() {
										
		
		
		document.getElementById('extended_pic').style.background = 'none';
										
        $('#large_pic_load').fadeIn(1500);
		
		
		
		center_image();
		
    });

	
	//
	
	
	var pic_holder_html = '';
	
	
	
	for ( p = 1; p <= nr_photos; p++ ) {
		
		pic_holder_html = pic_holder_html + '<div class="pic_h" id="'+album_id_content+'_'+p+'_holder"><img onclick="change_large_pic(\''+album_id_content+'\',\''+p+'\')" src="'+home_path+'media/width/110/cropratio/4:3/image/'+album[album_id_content][p]['filename']+'"  /></div>';
		
	}
	
	document.getElementById('vert_band').innerHTML = pic_holder_html;
	
	
	
	document.getElementById(album_id_content+'_'+1+'_holder').style.background = "url("+theme_path_images+"images/ajax-loader.gif) no-repeat center #024";
	
	
	
	
	
	
	
	albums_next_prev_arrows();
	
	
	//alert(nr_photos);
	
}


function change_large_pic ( albums_id, nr_pic_clicked ) {
	
	//alert(nr_pic_clicked);
	

	document.getElementById('extended_pic').removeAttribute('style');
		
	
	
	
	document.getElementById('large_pic_load').style.display = 'none';
	
	document.getElementById('large_pic_load').style.marginTop = '0px';
	
	//document.getElementById('large_pic_load').src = '';
	
	document.getElementById('large_pic_load').src = home_path+'media/width/604/height/438/image/'+album[albums_id][nr_pic_clicked]['filename'];
	
	document.getElementById('pic_desc_large').innerHTML = '<strong>' + album[albums_id][nr_pic_clicked]['pic_name'] + '</strong> - ' + album[albums_id][nr_pic_clicked]['desc'];
	
	albums_curr_pic_view = eval(nr_pic_clicked);
	
	albums_next_prev_arrows();
	
	selected_pic_bg ( albums_id, nr_pic_clicked )
	
	 $('#large_pic_load').load(function() {
										
		document.getElementById('extended_pic').style.background = 'none';
										
        $('#large_pic_load').fadeIn(1500);
		
		center_image();
		
    });
	
	//$('#large_pic_load').delay(1000).fadeIn(1500);
	
	//setTimeout('center_image();',1200);
	
}

function center_image() {
	
	//alert('center');
	
	

	pic_h = document.getElementById('large_pic_load').height;
	
	var margin_top = ( 438 - pic_h ) / 2;
	
	if ( margin_top == 0 ) {} else {
		
		//document.getElementById('large_pic_load').style.display = 'none';
	
		//$("#large_pic_load").animate({"margin-top": margin_top+'px'}, 300);
		
		
	
		document.getElementById('large_pic_load').style.marginTop = margin_top+'px';
	
	}
	
	//$('#large_pic_load').delay(100).fadeIn(500);
	
}


function set_ext_pic(direction) {
	
	
	
	if ( direction == 'prev_pic' ) {
	
		if ( albums_curr_pic_view == 1 ) {} else {
			
			albums_curr_pic_view = albums_curr_pic_view - 1;
			
			change_large_pic(curr_album_selected,albums_curr_pic_view);
			
		}
	
	} else {
		
		if ( albums_curr_pic_view == albums_nr_photos ) {} else {
		
			albums_curr_pic_view = albums_curr_pic_view + 1;
			
			change_large_pic(curr_album_selected,albums_curr_pic_view);
			
		}
		
	}
	
	albums_next_prev_arrows();
	
	
	
	
	
	
	
	
	var limit_scroll_max = albums_curr_slides * 4;
	
	var limit_scroll_min = ( albums_curr_slides * 4 ) - 3;
	
	
	
	
	if ( albums_curr_pic_view >= limit_scroll_min && albums_curr_pic_view <= limit_scroll_max ) {  } 

	else if ( albums_curr_pic_view > limit_scroll_max ) { scroll_vert('bottom'); } 
	
	else if ( albums_curr_pic_view < limit_scroll_min ) { scroll_vert('top'); } 
	
	else {  }
	
	
	
}




function albums_next_prev_arrows() {
	
	//alert(2);
	
	
	
		if ( albums_curr_pic_view == 1 ) {
		
			document.getElementById('prev_pic').style.display = 'none';
			
		} else {
		
			document.getElementById('prev_pic').style.display = 'block';
			
		}
		
		if ( albums_curr_pic_view == albums_nr_photos ) {
		
			document.getElementById('next_pic').style.display = 'none';
			
		} else {
		
			document.getElementById('next_pic').style.display = 'block';
			
		}
	
	
	
	// document.getElementById('debug_slider').value = curr_slide;
	
	
}


function selected_pic_bg ( albums_id, nr_pic_clicked ) {
	
	for ( p = 1; p <=  album[albums_id]['nr_of_pics']; p++ ) {
		
		if ( p == nr_pic_clicked ) {
			
			document.getElementById(albums_id+'_'+p+'_holder').style.background = "url("+theme_path_images+"images/ajax-loader.gif) no-repeat center #024";
		
		} else {
		
			document.getElementById(albums_id+'_'+p+'_holder').style.background = "url("+theme_path_images+"images/gray-ajax-loader.gif) no-repeat center #B0B0B0";
			
		}	
		
	}	
	
}




function get_album_pics () {
	
	url_target = home_path+"ajax_script/get_albums_pics.html";
	
	$.get(url_target, function(data){ 
												  
		if ( navigator.userAgent.search("MSIE 7") != '-1' || navigator.userAgent.search("MSIE 8") != '-1' ) {


			document.getElementById('holder_js_gallery').innerHTML = data;

 		} else { 
		
			$("#holder_js_gallery").html(data);
		
		}
		
		
		alert(document.getElementById('holder_js_gallery').innerHTML.length);
		
		
	});
	
	
	alert("2-"+document.getElementById('holder_js_gallery').innerHTML.length);
	
}