var j = 1;

function nextPage(type) {
	if(type == "next") {
		if(j==45){j=0;}
		j++; 
	}
	else{
		if(j==1){j=46;}
		j--;
	}	
	img(j);

}
function img(type){
var getDiv = document.getElementById('conteiner');
	getDiv.innerHTML = "";
	for(var k=1; k<46; k++)
	{
		if(type==k)
		{
			getDiv.className = "img"+k;
			pic(k);
		}
	}

}

function createTag(count){
	for(var i =0 ; i < count; i++){
		var tag = "tag"+i;
		var tag1 = new TagSpan(510, 20,"3.1");
	}
}
function TagSpan( x, y, txt,ID){
	i++;
	var getDiv = document.getElementById('conteiner');
	var tagSpan = document.createElement('span');
		tagSpan.style.marginLeft = x+'px';
		tagSpan.style.marginTop = y+'px';
		tagSpan.style.position = "absolute";
		tagSpan.className = "tagspan";  
		tagSpan.id = "tagspan" + ID;
		tagSpan.innerHTML = "";
 		tagSpan.onmouseover= function(){ 
		var getTag = document.getElementById('tooltip');
		if(ID=='inner8'||ID =='inner9'){
			getTag.style.marginLeft = (x-30)+'px';
			getTag.style.marginTop = (y+178)+'px';
		}else if(ID =='left'||ID=='left1' ){
			getTag.style.marginLeft = (x-67)+'px';
			getTag.style.marginTop = (y+178)+'px';
		}
		else if(ID ==8||ID==9 ){
			getTag.style.marginLeft = (x+17)+'px';
			getTag.style.marginTop = (y+178)+'px';
		}else {
		getTag.style.marginLeft = (x+17)+'px';
		getTag.style.marginTop = (y+194)+'px';}
		var getTagText = document.getElementById('tooltip-bar-pad');
			getTagText.innerHTML = txt;
			getTag.style.display ="block";
		}
		tagSpan.onmouseout = function(){
					var getTag = document.getElementById('tooltip');
						getTag.style.display ="none";
						tagSpan.innerHTML = "";
		}
		getDiv.appendChild(tagSpan);
				

		var get = document.getElementById('tagspan');
		this.TagID = tagSpan.id;
}