var imagecount;
var sellercode;
var regno;
var look;

function importData(imagecount_data, sellercode_data, regno_data, look_data) {
	imagecount = 0;
	imagecount = imagecount_data;
	sellercode = sellercode_data;
	regno = regno_data;
	look = look_data;
}

/*******************************************************************/

function checkXMLimage(xmlImage)
{
	if(xmlImage!=""){
		document.write("<img src='"+ xmlImage + "' alt='' />");
	}
	if (xmlImage==""){
		document.write("<span class='noimage'></span>");
	}
}

/*******************************************************************/

function viewLarge(sellercode, regno, look) {
	window.open("largepics.cgi?seller="+ sellercode +"&regno="+ regno +"&picname=/images/"+ sellercode +"/"+ regno +"-1001.jpg&look="+ look +"&size=1024","largepics","scrollbars=1,toolbar=0,location=0,directories=0,resizable=0,width=1052,height=766");
}

/*******************************************************************/

function getMainImage()
{
	if(imagecount == 0)
	{
		document.write('<strong>Detta objekt har inga bilder.</strong><br><br>');
	}
	else
	{
		document.write('<img src="/images/'+ sellercode +'/'+ regno +'-1001.jpg" onclick="viewLarge(\''+ sellercode +'\',\''+ regno +'\',\''+ look +'\');" id="largeImageHolder">');
	}
}

var scroll_limit = 0;

function setupGallery()
{	
	if(imagecount > 0)
	{
		// This array contains all the codes that come at the end of the thumbnail filenames
		var thumb_codes = new Array('1002','2022','2042','2062','2082','2102','2122','2142','2162','2182');
		
		// This array contains all the codes that come at the end of the full image filenames
		var largeimg_codes = new Array('1001','2021','2041','2061','2081','2101','2121','2141','2161','2181');
	
		if(imagecount > 0)
		{
			thumbnails = new Array();
			for(i=0; i < imagecount; i++) {
				thumbnails[i] = "/images/"+sellercode+"/"+regno+"-"+thumb_codes[i]+".jpg";
			}
			
			large_images = new Array();
			for(i=0; i < imagecount; i++) {
				large_images[i] = "/images/"+sellercode+"/"+regno+"-"+largeimg_codes[i]+".jpg";
			}
		}
	}

	if(imagecount <= 4)
	{
		document.getElementById('btn_scroll_left').className = 'btn_scroll_left_off'; document.getElementById('btn_scroll_left').setAttribute("className", "btn_scroll_left_off"); 		
		document.getElementById('btn_scroll_right').className = 'btn_scroll_right_off'; document.getElementById('btn_scroll_right').setAttribute("className", "btn_scroll_right_off"); 
	}
	scroll_limit = imagecount - 4; // Determines at which point the scrolling will stop.
}
	
function switchImage(img_number)	
{
	document.getElementById('largeImageHolder').src = large_images[img_number];
}

function getGallery()
{
	if(imagecount > 0)
	{
		for(i=0; i < imagecount; i++)
		{
			document.write('<img id="mini_'+ i +'" onclick="switchImage('+ i +');" src="' + thumbnails[i] + '" alt=""/>');
		}
	}
}

/*******************************************************************/

var scrollPos = 0; // Keeps track of the current scrolling coordinate.
var scrollStep = 0; // Keeps track of which step the user has scrolled to.
var scroll_limit = imagecount - 4; // Determines at which point the scrolling will stop.
var nextPos = 0; // Sets the destination coordinate for each scroll instance.
var scrolling = false; // This variable makes sure that the user can't activate the scrolling more than one time for each click.
var imagewidth = 91; // The amount of pixels that the mini-images must travel each time the user scrolls.

var scroll_int = "";

if(imagecount <= 4)
{
	document.getElementById('btn_scroll_left').className = 'btn_scroll_left_off'; document.getElementById('btn_scroll_left').setAttribute("className", "btn_scroll_left_off"); 		
	document.getElementById('btn_scroll_right').className = 'btn_scroll_right_off'; document.getElementById('btn_scroll_right').setAttribute("className", "btn_scroll_right_off"); 
}

function scroll_Left()
{
	if(imagecount > 4)
	{
		if(scrollStep != 0 && scrolling == false)
		{
			nextPos = scrollPos + imagewidth;
			scroll_int = window.setInterval("scroll_move("+nextPos+",'left')",5);
			scrollStep -= 1;
		}
		if(scrollStep == 0)
		{
			document.getElementById('btn_scroll_left').className = 'btn_scroll_left_off'; document.getElementById('btn_scroll_left').setAttribute("className", "btn_scroll_left_off"); 		
			document.getElementById('btn_scroll_right').className = ''; document.getElementById('btn_scroll_right').setAttribute("className", ""); 
		}
		else
		{
			document.getElementById('btn_scroll_right').className = ''; document.getElementById('btn_scroll_right').setAttribute("className", ""); 
		}
	}
}

function scroll_Right()
{	
	if(imagecount > 4)
	{
		if(scrollStep != scroll_limit && scrolling == false)
		{
			nextPos = scrollPos - imagewidth;
			scroll_int = window.setInterval("scroll_move("+nextPos+",'right')",5);
			scrollStep += 1;
		}
		if(scrollStep == scroll_limit)
		{
			document.getElementById('btn_scroll_left').className = ''; document.getElementById('btn_scroll_left').setAttribute("className", ""); 		
			document.getElementById('btn_scroll_right').className = 'btn_scroll_right_off'; document.getElementById('btn_scroll_right').setAttribute("className", "btn_scroll_right_off");  
		}
		else
		{
			document.getElementById('btn_scroll_left').className = ''; document.getElementById('btn_scroll_left').setAttribute("className", "");  
		}
	}
}

function scroll_move(nextPos,direct)
{
	if(scrollPos != nextPos)
	{
		scrolling = true;
	
		if(direct == 'right')
		{
			scrollPos += Math.floor((nextPos - scrollPos) / 7);
		}
		else
		{
			scrollPos -= Math.floor((scrollPos - nextPos) / 7);
		}
		document.getElementById('galleryPanel_scroll').style.left = scrollPos + "px";
	}
	else
	{
		scrolling = false;
		window.clearInterval(scroll_int);
	}
}

/*******************************************************************/

function getInfolist(info)
{
	var infoTxt = info;
	var infoTxtArray = infoTxt.split(", ")
	var cutoffLimit = 22;
	
	// Make the first letter of each array element capitalized
	for(i=0; i < infoTxtArray.length; i++) {
			infoTxtArray[i] = infoTxtArray[i].charAt(0).toUpperCase() + infoTxtArray[i].substring(1);
	}
	
	// This array contains array elements that are too long to be displayed in a bulleted list
	var rejected = new Array();
	
	// Go through the entire array and check for elements that contain 30 or more characters
	// These elements will be removed and placed in a different array that is printed later on.
	for(i=0; i < infoTxtArray.length; i++) {
		if(infoTxtArray[i].length > cutoffLimit)
		{
			rejected.splice(rejected.length,1,infoTxtArray[i]);
			infoTxtArray.splice(i,1);
			i--;
		}
	}
	
	// Calculate a midpoint in the array so it can be split in two columns
	var infoTxtMidpoint = Math.round(infoTxtArray.length / 2);


	if(infoTxt != "")
	{
		// Print the first column
		document.write("<div style='float: left; width: 49%; margin-right: 5px;'><ul>");
				
		for(i=0; i<infoTxtMidpoint; i++) {
		document.write("<li>"+ infoTxtArray[i] +"</li>");
		}		
		document.write("</ul></div>");


		// Print the second column
		document.write("<div style='float: left; width: 49%;'><ul>");
			
		for(i=infoTxtMidpoint; i<infoTxtArray.length; i++) {
			document.write("<li>"+ infoTxtArray[i] +"</li>");
		}
		document.write("</ul></div>");
	}
	
	document.write("<div style='clear: both;'></div>");

	if(rejected.length > 0)
	{
		document.write("<br><ul>");
		for(i=0; i < rejected.length; i++)
		{
			document.write("<li>"+ rejected[i] +"</li>");
		}
		document.write("</ul>");
	}
}

/*******************************************************************/

function printMessage(msgContainer)
{
	document.write("<br>"+ document.getElementById(msgContainer).firstChild.nodeValue);
	document.getElementById(msgContainer).removeChild(document.getElementById(msgContainer).firstChild);
}

/*******************************************************************/

var isChecked = 0;

function checkFields(fields)
{
	var inputs = document.getElementById(fields).getElementsByTagName('input');
	var textareas = document.getElementById(fields).getElementsByTagName('textarea');

	if(isChecked == 0)
	{
		document.getElementById(fields).style.color='#000000';
		
		for(i=0; i < inputs.length; i++) {
			inputs[i].disabled = false;
			inputs[i].style.backgroundColor = "#ffffff";
		}
		for(i=0; i < textareas.length; i++) {
			textareas[i].disabled = false;
			textareas[i].style.backgroundColor = "#ffffff";
		}
		
		isChecked = 1;
	}
	else
	{
		document.getElementById(fields).style.color='#bbbbbb';
		
		for(i=0; i < inputs.length; i++) {
			inputs[i].disabled = true;
			inputs[i].style.backgroundColor = "#eeeeee";
		}
		for(i=0; i < textareas.length; i++) {
			textareas[i].disabled = true;
			textareas[i].style.backgroundColor = "#eeeeee";
		}
		
		isChecked = 0;
	}
}