// JavaScript Document
var opac = 0;
function swapImages(id){
	if (opac < 100) {opac = opac+5;
		document.getElementById('2').src = document.getElementById('im'+id).src;}
	else if (id == 1) {id = 2; opac = 0;
		document.getElementById('1').src = document.getElementById('im1').src;}
	else if (id == 2) {id = 3; opac = 0;
		document.getElementById('1').src = document.getElementById('im2').src;}
	else if (id == 3) {id = 4; opac = 0;
		document.getElementById('1').src = document.getElementById('im3').src;}
	else { id = 1; opac = 0;
		document.getElementById('1').src = document.getElementById('im4').src;}
	
	
	if (opac == 0){
		document.getElementById('2').className = 'class0';
		setTimeout('swapImages('+id+')', 5000);
	} else {
		document.getElementById('2').className = 'class'+opac;
		setTimeout('swapImages('+id+')', 10);
	}
		 
}
var mouseDown = 0;
function showLargeImg(id, bgSrc, zoom)
{
	document.getElementById('mainImage').src = id;
	document.getElementById('mainImagebg').style.background = 'url('+bgSrc+') no-repeat 1px 1px';
	document.getElementById('zoomActualImage').src =  zoom;
}
function swapIm($src, $id)
{
	document.getElementById($id).src = $src;
}
function checkForm(){
	if(document.getElementById('os0').value == ".." || document.getElementById('os1').value == ".." || document.getElementById('os2').value == ".."){	
		alert("Please select your sizes and style");
	} else {
		document.getElementById('paypalForm').submit();
	}
}
function zoomStart(e){
	if(mouseDown == 0){
		document.getElementById('mainImageContainer').style.width = '50%';
		document.getElementById('mainImageContainer').style.height = '50%';
		document.getElementById('swimInfo').style.display = 'none';
		var curtop = 0;
		var curleft = 0;
		curtop = findPosY( document.getElementById('mainImagebg') );
		curleft = findPosX( document.getElementById('mainImagebg') );
		var posx = 0;
		var posy = 0;
		var mp = getMousePosition(e);
		posx = mp.x;
		posy = mp.y;
		var posTop = (posy-curtop-125);
		if (posTop < 0){
			posTop = 0;
		} else if (posTop > 250) {
			posTop = 250;
		}
		var posLeft = (posx-curleft-77);
		if (posLeft < 0){
			posLeft = 0;
		} else if (posLeft > 155) {
			posLeft = 155;
		}
		var posileft = posLeft*2;
		var positop = posTop*2;
		document.getElementById('mainImage').style.marginLeft = '-'+posLeft+'px';
		document.getElementById('mainImage').style.marginTop  = '-'+posTop+'px';
		document.getElementById('zoomActualImage').style.marginLeft = '-'+(posileft*2)+'px';
		document.getElementById('zoomActualImage').style.marginTop  = '-'+positop+'px';
		document.getElementById('mainImageContainer').style.left = posLeft+'px';
		document.getElementById('mainImageContainer').style.top = posTop+'px';
		document.getElementById('zoomContainer').style.display = "block";
		mouseDown = 1;
	} else {
		mouseDown = 0;
		zoomStop();
	}
	
}
function getMousePosition(e) {
        if (!e) var e = window.event;
        var cursor = {x:0, y:0};
        if (e.pageX || e.pageY) {
			cursor.x = e.pageX;
            cursor.y = e.pageY;
        }  else  {
			cursor.x = e.clientX + 
                (document.documentElement.scrollLeft || 
                document.body.scrollLeft) - 
                document.documentElement.clientLeft;
            cursor.y = e.clientY + 
                (document.documentElement.scrollTop || 
                document.body.scrollTop) - 
                document.documentElement.clientTop;
        }
	return cursor;
    }
function zoomStop(){
	document.getElementById('mainImageContainer').style.width = '100%';
	document.getElementById('mainImageContainer').style.height = '100%';
	document.getElementById('mainImageContainer').style.left = '0px';
	document.getElementById('mainImageContainer').style.top = '0px';
	document.getElementById('mainImage').style.marginLeft = '0px';
	document.getElementById('mainImage').style.marginTop  = '0px';
		document.getElementById('swimInfo').style.display = 'inline-block';
		mouseDown = 0;
		document.getElementById('zoomContainer').style.display = "none";
	
	
}
function zoomOver(){
	alert('sadf');
}
function findPosX(obj) {
  var curleft = 0;

  if(obj.offsetParent) {
    while(1) {
      curleft += obj.offsetLeft;
      if(!obj.offsetParent)
        break;
      obj = obj.offsetParent;
    }
  } else if(obj.x) {
    curleft += obj.x;
  }

  obj.style.position = "static";
  return curleft;
}

function findPosY(obj) {
  var curtop = 0;

  if(obj.offsetParent) {
    while(1) {
      curtop += obj.offsetTop;
      if(!obj.offsetParent)
        break;
      obj = obj.offsetParent;
    }
  } else if(obj.y) {
    curtop += obj.y;
  }

  return curtop;
}
function mouseMove(e){
	if (mouseDown == 1) {
		var curtop = 0;
		var curleft = 0;
		curtop = findPosY( document.getElementById('mainImagebg') );
		curleft = findPosX( document.getElementById('mainImagebg') );
		var posx = 0;
		var posy = 0;
		if (!e) var e = window.event;
		if (e.pageX || e.pageY) 	{
			posx = e.pageX;
			posy = e.pageY;
		}
		else if (e.clientX || e.clientY) 	{
			posx = e.clientX + document.body.scrollLeft
				+ document.documentElement.scrollLeft;
			posy = e.clientY + document.body.scrollTop
				+ document.documentElement.scrollTop;
		}
		
		var posTop = (posy-curtop-125);
		if (posTop < 0){
			posTop = 0;
		} else if (posTop > 250) {
			posTop = 250;
		}
		var posLeft = (posx-curleft-77);
		if (posLeft < 0){
			posLeft = 0;
		} else if (posLeft > 155) {
			posLeft = 155;
		}
		var posileft = posLeft*2;
		var positop = posTop*2;
		document.getElementById('mainImage').style.marginLeft = '-'+posLeft+'px';
		document.getElementById('mainImage').style.marginTop  = '-'+posTop+'px';
		document.getElementById('zoomActualImage').style.marginLeft = '-'+(posileft*2)+'px';
		document.getElementById('zoomActualImage').style.marginTop  = '-'+positop+'px';
		document.getElementById('mainImageContainer').style.left = posLeft+'px';
		document.getElementById('mainImageContainer').style.top = posTop+'px';	
	}
}