var puzbieCounter = 0;
var subCount = 0;
var addCount = 0;
var changeCount = 0;
var puzui = {
    
        init_ui: function () { 
 	// Does element exist?
	if (!$('input.plusminus').length) {

		// If not, exit.
		return true;
	}

	// Detect IE6 (boolean).

	// Do some math.
    
//$("input.plusminus").append("<span class='minus'></span><span class='plus'></span>");

$("input.plusminus").each(function(){
    var dataField = $(this).attr("name");
    var params = $(this).attr("rel");
 //alert (params);
			 var	relOpts;
			// Hmm...eval...slap on wrist.
			 eval('var	a = {' + $(this).attr('rel') + '}');
			 relOpts = a;


   // alert(relOpts.lower);
    
//    $("<span class='minus' onclick='subvalue(\""+dataField+"\","+relOpts.lower+",\""+relOpts.css+"\",\""+relOpts.before+"\",\""+relOpts.after+"\");'></span><span class='plus' onclick='addvalue(\""+dataField+"\","+relOpts.upper+",\""+relOpts.css+"\",\""+relOpts.before+"\",\""+relOpts.after+"\");' onmousedown='addvalue(\""+dataField+"\","+relOpts.upper+",\""+relOpts.css+"\",\""+relOpts.before+"\",\""+relOpts.after+"\");return false;'></span>").insertAfter($(this));

$("<span class='minus' onmousedown='changevalue(\""+dataField+"\","+relOpts.lower+",\""+relOpts.css+"\",\""+relOpts.before+"\",\""+relOpts.after+"\",\"less\");' onmouseup='stopclick();'></span><span class='plus' onmousedown='changevalue(\""+dataField+"\","+relOpts.upper+",\""+relOpts.css+"\",\""+relOpts.before+"\",\""+relOpts.after+"\",\"more\");' onmouseup='stopclick();'></span>").insertAfter($(this));

//    $("<span class='minus' onmousedown='test1();'></span><span class='plus' onclick='puzui.test2()'></span>").insertAfter($(this));


    });
//$("<span class='minus'></span><span class='plus'></span>").insertAfter($("input.plusminus"));
return true;    
}



/*test2: function (){
    alert("test2");
    test1();
    }
*/
}

$(document).ready(function() {
	puzui.init_ui();


});

//function subvalue()
function subvalue(fieldName,lowerLimit,css,putBefore,putAfter)
{
var putBeforeVal="";
var putAfterVal="";
var newValue = 0;
  if (puzbieCounter===0)
 {
          subCount++;
          if (putBefore!="") {  putBeforeVal=$("#"+putBefore).val()+"px ";}
          if (putAfter!="") {  putAfterVal=" "+$("#"+putAfter).val()+"px";}
             editField = $("#"+fieldName).attr('value')*1;
if (editField > lowerLimit)
{
    newValue = editField-(1+parseInt(subCount/4));
                if (newValue < lowerLimit) {newValue=lowerLimit;}
                $('input[name="'+fieldName+'"]').val(newValue);
                if (css==="box-shadow")
                {
                 alert($('input[name="ox"]').val()+"px "+$('input[name="oy"]').val()+"px " + $('input[name="ob"]').val()+"px "+$('input[name="os"]').val()+"px #"+$('input[name="oc"]').val()+", inset "
                 + $('input[name="ix"]').val()+"px "+$('input[name="iy"]').val()+"px " + $('input[name="ib"]').val()+"px "+$('input[name="is"]').val()+"px #"+$('input[name="ic"]').val());
             //    $("#test").css(css,$('input[name="ox"]').val()+"px "+$('input[name="oy"]').val()+"px " + $('input[name="ob"]').val()+"px "+$('input[name="os"]').val()+"px #"+$('input[name="oc"]').val()+", inset "
             //    + $('input[name="ix"]').val()+"px "+$('input[name="iy"]').val()+"px " + $('input[name="ib"]').val()+"px "+$('input[name="is"]').val()+"px #"+$('input[name="ic"]').val());
             
             
                } 
                else
                {
                $("#test").css(css,putBeforeVal+editField+"px"+putAfterVal);
}               }
                setTimeout("subvalue(\""+fieldName+"\",\""+lowerLimit+"\",\""+css+"\",\""+putBefore+"\",\""+putAfter+"\")",150);
}
else
{
    puzbieCounter=0;
    subCount=0;
}              
return;
}
function addvalue(fieldName,upperLimit,css,putBefore,putAfter)
{
var putBeforeVal="";
var putAfterVal="";
var newValue = 0;
  if (puzbieCounter===0)
 {
          addCount++;
          if (putBefore!="") {  putBeforeVal=$("#"+putBefore).val()+"px ";}
          if (putAfter!="") {  putAfterVal=" "+$("#"+putAfter).val()+"px";}
             editField = $("#"+fieldName).attr('value')*1;
             if (editField < upperLimit)
             {
                 newValue = editField+(1+parseInt(addCount/4));
                if (newValue > upperLimit) {newValue=upperLimit;}
                $('input[name="'+fieldName+'"]').val(newValue); 
                if (css==="box-shadow")
                {
                 $("#test").css(css,$('input[name="ox"]').val()+"px "+$('input[name="oy"]').val()+"px " + $('input[name="ob"]').val()+"px "+$('input[name="os"]').val()+"px, inset "
                 + $('input[name="ix"]').val()+"px "+$('input[name="iy"]').val()+"px " + $('input[name="ib"]').val()+"px "+$('input[name="is"]').val()+"px ");
                } 
                else
                {
                $("#test").css(css,putBeforeVal+editField+"px"+putAfterVal);
                }
}
 setTimeout("addvalue(\""+fieldName+"\",\""+upperLimit+"\",\""+css+"\",\""+putBefore+"\",\""+putAfter+"\")",150);
} 
else
{
    puzbieCounter=0;
    addCount=0;
}              
return;
}

function changevalue(fieldName,limit,css,putBefore,putAfter,action)
{
var putBeforeVal="";
var putAfterVal="";
var newValue = 0;
var browserPrefixes = Array("-moz-","-ms-","-o-","-webkit-",""); 
  if (puzbieCounter===0) {
          changeCount++;
          if (putBefore!="") {  putBeforeVal=$("#"+putBefore).val()+"px ";}
          if (putAfter!="") {  putAfterVal=" "+$("#"+putAfter).val()+"px";}
             editField = $("#"+fieldName).attr('value')*1;
             if ((action==="more" && editField < limit)||(action==="less" && editField > limit)) {
                 if (action==="more") {
                 newValue = editField+(1+parseInt(changeCount/4));
                 if (newValue > limit) {newValue=limit;}
                 }
                 else
                 {
                 newValue = editField-(1+parseInt(changeCount/4));
                 if (newValue < limit) {newValue=limit;}
                    
                 }
                $('input[name="'+fieldName+'"]').val(newValue); 
                if (css==="box-shadow")
                {
         //        alert($('input[name="ox"]').val()+"px "+$('input[name="oy"]').val()+"px " + $('input[name="ob"]').val()+"px "+$('input[name="os"]').val()+"px, inset "
         //        + $('input[name="ix"]').val()+"px "+$('input[name="iy"]').val()+"px " + $('input[name="ib"]').val()+"px "+$('input[name="is"]').val()+"px ");
          
          for(var count=0;count < browserPrefixes.length;count++){
           //      alert($('input[name="ox"]').val()+"px "+$('input[name="oy"]').val()+"px " + $('input[name="ob"]').val()+"px "+$('input[name="os"]').val()+"px #"+$('input[name="oc"]').val()+", inset "
           //      + $('input[name="ix"]').val()+"px "+$('input[name="iy"]').val()+"px " + $('input[name="ib"]').val()+"px "+$('input[name="is"]').val()+"px #"+$('input[name="ic"]').val());


                 $("#test").css(browserPrefixes[count]+css,$('input[name="ox"]').val()+"px "+$('input[name="oy"]').val()+"px " + $('input[name="ob"]').val()+"px "+$('input[name="os"]').val()+"px #"+$('input[name="oc"]').val()+", inset "
               + $('input[name="ix"]').val()+"px "+$('input[name="iy"]').val()+"px " + $('input[name="ib"]').val()+"px "+$('input[name="is"]').val()+"px #"+$('input[name="ic"]').val());
}
                } 
                else
                {
                $("#test").css(css,putBeforeVal+editField+"px"+putAfterVal);
                }
}
 setTimeout("changevalue(\""+fieldName+"\",\""+limit+"\",\""+css+"\",\""+putBefore+"\",\""+putAfter+"\",\""+action+"\")",150-changeCount);
} 
else
{
    puzbieCounter=0;
    changeCount=0;
}              
return;
}





function stopclick()
{
   // alert ("Stop!");
    puzbieCounter=1;
    return;
}
//$(this)._mouseUp();

/*
function addvalue(fieldName,upperLimit,css,putBefore,putAfter)
{
var putBeforeVal="";
var putAfterVal="";
          if (putBefore!="") {  putBeforeVal=$("#"+putBefore).val()+"px ";}
          if (putAfter!="") {  putAfterVal=" "+$("#"+putAfter).val()+"px";}
             
             editField = $("#"+fieldName).attr('value')*1;
           //  alert("Value: "+editField+" Field: "+fieldName+ " Upper Limit: "+upperLimit);
             if (editField < upperLimit)
             {
                $('input[name="'+fieldName+'"]').val(editField+1); 
                $("#test").css(css,putBeforeVal+editField+"px"+putAfterVal);
                }

//$(this)._mouseUp();
}
*/




    function test1() {
        alert("test1");
        alert(this);
        return true;
        }
    function test2() {
        alert("test2");
        return true;
        }