var image_smallest = new Array();
var image_largest = new Array();
var y = '';

function view_large_image(position,name)
{
	var arg = 'resizable=no, toolbar=no,location=no,directories=no,addressbar=no,scrollbars=no,status=no,menubar=no,width=375,height=517,top=200,left=200';
  	var newWindow  =  window.open("templates/pop_up.html", "_blank",arg);
	var ExpireDate = new Date ();
	ExpireDate.setTime(ExpireDate.getTime() + (1 * 24 * 3600 * 1000));
	document.cookie = "IsImg=" + name + ((1 == null) ? "" : "; expires=" + ExpireDate.toGMTString());
	for(var i=0; i<imarray.length; i++)
	{
		//document.cookie = "image_small_"+i+"=" + imarray[i].img_small + ((1 == null) ? "" : "; expires=" + ExpireDate.toGMTString());
		document.cookie = "image_lar_"+i+"=" + imarray[i].img_large + ((1 == null) ? "" : "; expires=" + ExpireDate.toGMTString());
	}
}

function ch_img(){ 
	if (document.cookie.length > 0)	{
			begin = document.cookie.indexOf("IsImg=");
			if (begin != -1) {
				begin += "IsImg=".length;
				end = document.cookie.indexOf(";", begin);
				if (end == -1) end = document.cookie.length;
				y = unescape(document.cookie.substring(begin, end)); 
			}
	}
    
	
	for(var i=0;;i++)
	{
		/*if (document.cookie.length > 0)	{
			begin_sml = document.cookie.indexOf("image_small_"+i+"=");
			if (begin_sml != -1) {
				begin_sml += ("image_small_"+i+"=").length;
				end_sml = document.cookie.indexOf(";", begin_sml);
				if (end_sml == -1) end_sml = document.cookie.length;
				image_smallest[i] = unescape(document.cookie.substring(begin_sml, end_sml));
			}
			else{
				break;
			}
		 }
		 else{
			break;
		 }*/
		 
		 if (document.cookie.length > 0)	
		 {
			begin_lar = document.cookie.indexOf("image_lar_"+i+"=");
			if (begin_lar != -1) {
				begin_lar += ("image_lar_"+i+"=").length;
				end_lar = document.cookie.indexOf(";", begin_lar);
				if (end_lar == -1) end_lar = document.cookie.length;
				image_largest[i] = unescape(document.cookie.substring(begin_lar, end_lar));
			}
			else{
				break;
			}
		 }
		 else{
			break;
		 }
		 
	}
	
	var next_button = 0;
	var previous_button = 0;
	for(var i=0; i<image_largest.length; i++)
	{
		if(image_largest[i] == y){
			image_position = i;
			if(i<=0) previous_button = 1;
			if( (i+1) >= image_largest.length) next_button = 1;
		}
	}
	
	document.getElementById('xx').src = '../protfolio_pic_large/'+y;
	if(next_button > 0)
	{
		document.getElementById('next_button').style.display = 'none';
		document.getElementById('next_button').style.visibility = 'hidden';
	}
	
	if(previous_button > 0)
	{
	
		document.getElementById('previous_button').style.display = 'none';
		document.getElementById('previous_button').style.visibility = 'hidden';
	}
	
}

function next_image()
{
	var recent_image = '';
	var next_button = 0;
	for(var i=0; i<image_largest.length; i++)
	{
		if(image_largest[i] == y){
			recent_image = image_largest[i+1];
			if((i+2)>=image_largest.length) next_button = 1;
		}
	}
	
	if(recent_image !='' && typeof recent_image != "undefined")
	{
		document.getElementById('xx').src = '../protfolio_pic_large/'+recent_image;
		y = recent_image;
	}
	if(next_button>0)
	{
		document.getElementById('next_button').style.display = 'none';
		document.getElementById('next_button').style.visibility = 'hidden';
	}
	
	document.getElementById('previous_button').style.display = 'block';
	document.getElementById('previous_button').style.visibility = 'visible';
	
}


function previous_image()
{
	var recent_image = '';
	var previous_button = 0;
	for(var i=0; i<image_largest.length; i++)
	{
		if(image_largest[i] == y){
			recent_image = image_largest[i-1];
			if((i-2)<0) previous_button = 1;
		}
		
	}
	
	if(recent_image !='' && typeof recent_image != "undefined")
	{
		document.getElementById('xx').src = '../protfolio_pic_large/'+recent_image;
		y = recent_image;
	}
	
	if(previous_button>0)
	{
		document.getElementById('previous_button').style.display = 'none';
		document.getElementById('previous_button').style.visibility = 'hidden';
	}
	
	document.getElementById('next_button').style.display = 'block';
	document.getElementById('next_button').style.visibility = 'visible';
	
	
}




function closeWin(){
	window.close('large_img.html');
}

function changecolor( col ){
	document.getElementById('aboutcontent-left').style.color = col;
}