var max_height = 130;
function showSizeBox(id, w, h)
{
	if( is_size = $('size_'+id) )
	{
		new Effect.Morph('big_' + id, 
		{
			style: {width: w+'px', height: h+'px'},
			duration: 0.3,
			afterFinish: function(){$('tn_' + id).style.visibility='visible';}
		});
	}
	if( $('big_' + id).getHeight() == h || !is_size ){check1(id);}
	else return false;
}

function hideSizeBox(id, w, h)
{
	$('tn_' + id).style.visibility='hidden';
	new Effect.Morph('big_' + id, 
	{
		style: {width: w+'px', height: h+'px'},
		duration: 0.3
		// afterFinish: function(){$('tn_' + id).morph('visibility:hidden;');}
	});
	return false;
}

function check1(id) 
{
	if( select_size = $('size_' + id) )
	{
		if(select_size.options[select_size.selectedIndex].value == "-"){
			alert("Please Select a Size!");
			return false;
		}
	}	
	if( select_size = $('color_' + id) )
	{
		if(select_size.options[select_size.selectedIndex].value == "-"){
			alert("Please Select a Colour!");
			return false;
		}
	}	
	$('form123').id.value = id;
	$('form123').submit();
}


function Load_XForm(div, form, process){
	
	if(!form)return false;
	
	myFormData = $(form).serialize(true);
	
	ajaxRequest = new Ajax.Request(
		process,
		{
			method: 'post',
			parameters: myFormData,
			onComplete: function(request) 
			{ 
				var myMesArr = request.responseText.split("##");
				

				var tform = $(div);
				// if( !tform = $(div) )alert('Error: ' + div + ' doesn\'t exist');
				
				if( myMesArr[0] == 'view' )
				{
					// alert(tform.innerHTML);
					tform.style.display = '';
					tform.innerHTML = myMesArr[1];
				}
				else if( myMesArr[0] == 'saved' )
				{
					$('s'+div).innerHTML = myMesArr[1];
					tform.innerHTML = myMesArr[2];
					setTimeout(function(){Set_Display(div, 'none')}, 2000);
				}
			}
		}
	)  
	return false;
}
function position_layer(div)
{
  var dim = document.viewport.getDimensions();
  var myLayer = $(div);
  AktTop = document.viewport.getScrollOffsets().top;
  mywidth = myLayer.getWidth();
  myheight = myLayer.getHeight();
  // myheight += (myheight<50 ? plusheight : 0);
  
  newLeft = (dim.width-mywidth)/2;
	if(myheight > dim.height)newtop = AktTop + 10;
  else newtop = AktTop + (dim.height-myheight)/2;
	if(newLeft < 10)newLeft = 10;
	if(newtop < 10)newtop = 10;

  // alert(myLayer.style.left + ' - ' + myLayer.style.top);
  myLayer.style.left = newLeft + "px";
  myLayer.style.top = newtop + "px";
}

var messID = 0;
function Load_AForm(div, form, process, stop, id)
{
	if( !stop ) stop = '2';
	if( !id ) id = 0;
	if(!form)return false;
	
	myFormData = $(form).serialize(true);
	
	ajaxRequest = new Ajax.Request(
		process,
		{
			method: 'post',
			parameters: myFormData,
			onComplete: function(request) 
			{ 
				var myMesArr = request.responseText.split("##");
				var tform = $(div);
				
				if( myMesArr[0] == 'view' )
				{
					tform.style.display = '';
					tform.innerHTML = myMesArr[1];
				}
				else if( myMesArr[0] == 'ok' )
				{
					tform.style.display = 'none';
				}
				else if( myMesArr[0] == 'err' )
				{
					stop = '2'
					if( messID ) clearTimeout(messID);
					tform.style.display = '';
					tform.innerHTML = myMesArr[1];
					position_layer(div);
					messID = setTimeout(function(){Set_Display(div, 'none')}, 2000);
				}
				else
				{
					alert('ERROR:: ' + "\n" + request.responseText);
					return false;
				}
				if( stop == '1' ){$(form).action = 'add_basket.php'; check2();}
				else if( stop == '3' ) check1(id, form);
				else if( stop == '4' ) {$(form).submit();}
				else if( stop == '5' ) {$(form).action = 'add_basket.php'; $(form).submit();}
			}
		}
	)
}

function Set_Display(div, display){
	// alert(a.checked);
	$(div).style.display = display;
}


var old_id = "";
var speed = 9;
var timer = 5;

function changeImage(obj,file){
	  obj.src = "admin1/image/" + file;
}

function showSizeBox1(id){
	if (old_id != id) {
		setOpacity(get("btn_"+id),-1);
		//get("btn_"+id).style.visibility = "hidden";
		if (old_id != ""){
			clearTimeout(t);
			hideSizeBox(old_id);
			//get("btn_"+old_id).style.visibility = "visible";
		}
	} 
	old_id = id;
	var img_w = get("tn_"+id).clientWidth - speed;
	
	if(img_w > 50) {
		get("tn_"+id).style.width = img_w + "px";
		setOpacity(get("box_"+id),1); 
		setOpacity(get("btn_"+id),-1);     
		t = setTimeout("showSizeBox("+id+")",timer);
	} else {
		if(get("size_"+id) != null){
			get("size_"+id).style.visibility = "visible";
		}
		if(get("waistandleg_"+id) != null){
			get("waistandleg_"+id).style.visibility = "visible";
		}
		if(get("legsize_"+id) != null){
			get("legsize_"+id).style.visibility = "visible";
		}
		if(get("waistsize_"+id) != null){
			get("waistsize_"+id).style.visibility = "visible";
		}
		if(get("necksize_"+id) != null){
			get("necksize_"+id).style.visibility = "visible";
		}
		if(get("color_"+id) != null){
			get("color_"+id).style.visibility = "visible";
		}
		clearTimeout(t);
	}
}

function hideSizeBox1(id){
	var img_w = get("tn_"+id).clientWidth + speed;
	
	if(get("btn_"+id).className == "hidden"){
		get("btn_"+id).className = "";
		get("msg_"+id).className += " hidden";
	}
										
	if(img_w <= 140) {
		if(get("size_"+id) != null){
			get("size_"+id).style.visibility = "hidden";
		}
		if(get("waistandleg_"+id) != null){
			get("waistandleg_"+id).style.visibility = "hidden";
		}
		if(get("legsize_"+id) != null){
			get("legsize_"+id).style.visibility = "hidden";
		}
		if(get("waistsize_"+id) != null){
			get("waistsize_"+id).style.visibility = "hidden";
		}
		if(get("necksize_"+id) != null){
			get("necksize_"+id).style.visibility = "hidden";
		}
		if(get("color_"+id) != null){
			get("color_"+id).style.visibility = "hidden";
		}
		get("tn_"+id).style.width = img_w + "px";
		setOpacity(get("box_"+id),-1);  
		setOpacity(get("btn_"+id),1);
		x = setTimeout("hideSizeBox("+id+")",timer);
	} else {
		clearTimeout(x);
		//get("btn_"+old_id).style.visibility = "visible";
	}
}

function get(id){
	return document.getElementById(id);
}

function setOpacity(obj,d){
	var result;
	
	if (document.all) {
		var v = parseFloat(obj.filters.alpha.opacity);
		var prop = "filter";
		var step = 11;
		var max = 100;
	} else {
		var v = parseFloat(obj.style.opacity);
		var prop = "opacity";
		var step = 0.11;
		var max = 1;
	}
	if (d < 0){
		result = ((v - step) < 0) ? 0 : v - step; 
	} else if(d > 0){
		result = ((v + step) > max) ? max : v + step;
	}        
	obj.style[prop] = (document.all) ? 'alpha(opacity=' + (result) + ')' : result;
}