var buttonName = ' No Button Selected';
var activeArea = ' False';
var activeLINK ;
var state = 'visible';


$(document).ready(function() {
  $('body').append('<div id="Tip"></div>');

  $('#promo-div').mousemove(function(e) {
   
     var position = $(this).position();
     var offset = $(this).offset();
     var divx = e.pageX - (offset.left);
     var divy = e.pageY - (offset.top);
   
   /* $('#Tip')
      .show()
     .css({'left': e.pageX+16, 'top': e.pageY+16})
      .html('Position<br>Doc: '+e.pageX+','+e.pageY+'<br>Div: '+divx+','+divy);
    
    $('#DivPosition')
     .show()
    .html(offset.left+','+offset.top); */
   


/*****************************************/
// Start Slide 1 - Script
/*****************************************/
document.getElementById("slid1e").onmousemove=
function(e){
e = e ? e:event 
//document.getElementById("x").innerHTML= 'Active Button Area = ' + activeArea; //'MOUSE X = ' + divx + ' | Active Button Area = ' + activeArea;
//document.getElementById("y").innerHTML=buttonName;


// Slide 1 - Condition 1 [BUTTON 1 TEST]
if (divx < 230 && divy < 65) {
buttonName = ' Button 1';
activeArea = ' True';
document.getElementById('slid1e').src="/Style Library/images/promoad1.jpg";
document.getElementById('linkSlide1').href=linkONE;

//document.getElementById('slid2e').src="/Style Library/images/promoad1.jpg";
//document.getElementById('slid3e').src="/Style Library/images/promoad1.jpg";
activeLINK = linkONE;
} 


if (divx > 895 && divy < 30) {
//document.getElementById('promo-div').style.display='none';
state = 'none';
}

if (divx < 895 && divy > 30) {
//document.getElementById('promo-div').style.display='none';
state = 'visible';
}

// Slide 1 - Condition 2 [BUTTON 2 TEST] 
if ((divx < 230) && ((divy > 65) && (divy < 140))) {
buttonName = ' Button 2';
activeArea = ' True';
document.getElementById('slid1e').src="/Style Library/images/promoad2.jpg";
document.getElementById('linkSlide1').href=linkTWO;
//document.getElementById('slid2e').src="/Style Library/images/promoad2.jpg";
//document.getElementById('slid3e').src="/Style Library/images/promoad2.jpg";
activeLINK = linkTWO;
}

// Slide 1 - Condition 3 [BUTTON 3 TEST]
if (divx < 230 && divy > 130) {
buttonName = ' Button 3';
activeArea = ' True';
document.getElementById('slid1e').src="/Style Library/images/promoad3.jpg";
document.getElementById('linkSlide1').href=linkTHREE;
//document.getElementById('slid2e').src="/Style Library/images/promoad3.jpg";
//document.getElementById('slid3e').src="/Style Library/images/promoad3.jpg";
activeLINK = linkTHREE;
}

// Slide 1 - Condition 4 [ACTIVE BUTTON AREA TEST1]
if (divx > 230) {
buttonName = ' No Button Selected';
activeArea = ' False';
} 

// Slide 1 - Condition 5 [ACTIVE BUTTON AREA TEST2]
if (divx < 14) {
buttonName = ' No Button Selected';
activeArea = ' False';
} 
}   
// END SLIDE 1 - MOUSE MOVE FUNCTION   


/*****************************************/
// Start Slide 2 - Script
/*****************************************/
document.getElementById("slid2e").onmousemove=
function(e){
e = e ? e:event 
//document.getElementById("x").innerHTML= 'Active Button Area = ' + activeArea; //'MOUSE X = ' + divx + ' | Active Button Area = ' + activeArea;
//document.getElementById("y").innerHTML=buttonName;

// Slide 2 - Condition 1 [BUTTON 1 TEST]
if (divx < 230 && divy < 65) {
buttonName = ' Button 1';
activeArea = ' True';
//document.getElementById('slid1e').src="/Style Library/images/promoad1.jpg";

document.getElementById('slid2e').src="/Style Library/images/promoad1.jpg";
document.getElementById('linkSlide2').href=linkONE;

//document.getElementById('slid3e').src="/Style Library/images/promoad1.jpg";
activeLINK = linkONE;
} 


if (divx > 895 && divy < 30) {
//document.getElementById('promo-div').style.display='none';
state = 'none';
}

if (divx < 895 && divy > 30) {
//document.getElementById('promo-div').style.display='none';
state = 'visible';
}

// Slide 2 - Condition 2 [BUTTON 2 TEST] 
if ((divx < 230) && ((divy > 65) && (divy < 140))) {
buttonName = ' Button 2';
activeArea = ' True';
//document.getElementById('slid1e').src="/Style Library/images/promoad2.jpg";
document.getElementById('slid2e').src="/Style Library/images/promoad2.jpg";
document.getElementById('linkSlide2').href=linkTWO;
//document.getElementById('slid3e').src="/Style Library/images/promoad2.jpg";
activeLINK = linkTWO;
}

// Slide 2 - Condition 3 [BUTTON 3 TEST]
if (divx < 230 && divy > 130) {
buttonName = ' Button 3';
activeArea = ' True';
//document.getElementById('slid1e').src="/Style Library/images/promoad3.jpg";
document.getElementById('slid2e').src="/Style Library/images/promoad3.jpg";
document.getElementById('linkSlide2').href=linkTHREE;
//document.getElementById('slid3e').src="/Style Library/images/promoad3.jpg";
activeLINK = linkTHREE;
}

// Slide 2 - Condition 4 [ACTIVE BUTTON AREA TEST1]
if (divx > 230) {
buttonName = ' No Button Selected';
activeArea = ' False';
} 

// Slide 2 - Condition 5 [ACTIVE BUTTON AREA TEST2]
if (divx < 14) {
buttonName = ' No Button Selected';
activeArea = ' False';
} 
}   
// END SLIDE 2 - MOUSE MOVE FUNCTION   


/*****************************************/
// Start Slide 3 - Script
/*****************************************/
document.getElementById("slid3e").onmousemove=
function(e){
e = e ? e:event 
//document.getElementById("x").innerHTML= 'Active Button Area = ' + activeArea; //'MOUSE X = ' + divx + ' | Active Button Area = ' + activeArea;
//document.getElementById("y").innerHTML=buttonName;


// Slide 3 - Condition 1 [BUTTON 1 TEST]
if (divx < 230 && divy < 65) {
buttonName = ' Button 1';
activeArea = ' True';
//document.getElementById('slid1e').src="/style Library/images/promoad1.jpg";
//document.getElementById('slid2e').src="/Style Library/images/promoad1.jpg";
document.getElementById('slid3e').src="/Style Library/images/promoad1.jpg";
document.getElementById('linkSlide3').href=linkONE;
activeLINK = linkONE;
} 


if (divx > 895 && divy < 30) {
//document.getElementById('promo-div').style.display='none';
state = 'none';
}

if (divx < 895 && divy > 30) {
//document.getElementById('promo-div').style.display='none';
state = 'visible';
}

if (divx < 895 && divy > 30) {
//document.getElementById('promo-div').style.display='none';
state = 'visible';
}

// Slide 3 - Condition 2 [BUTTON 2 TEST] 
if ((divx < 230) && ((divy > 65) && (divy < 140))) {
buttonName = ' Button 2';
activeArea = ' True';
//document.getElementById('slid1e').src="/Style Library/images/promoad2.jpg";
//document.getElementById('slid2e').src="/Style Library/images/promoad2.jpg";
document.getElementById('slid3e').src="/Style Library/images/promoad2.jpg";
document.getElementById('linkSlide3').href=linkTWO;
activeLINK = linkTWO;
}

// Slide 3 - Condition 3 [BUTTON 3 TEST]
if (divx < 230 && divy > 130) {
buttonName = ' Button 3';
activeArea = ' True';
//document.getElementById('slid1e').src="/Style Library/images/promoad3.jpg";
//document.getElementById('slid2e').src="/Style Library/images/promoad3.jpg";
document.getElementById('slid3e').src="/Style Library/images/promoad3.jpg";
document.getElementById('linkSlide3').href=linkTHREE;
activeLINK = linkTHREE;
}

// Slide 3 - Condition 4 [ACTIVE BUTTON AREA TEST1]
if (divx > 230) {
buttonName = ' No Button Selected';
activeArea = ' False';
} 

// Slide 3 - Condition 5 [ACTIVE BUTTON AREA TEST2]
if (divx < 14) {
buttonName = ' No Button Selected';
activeArea = ' False';
} 

}   


// END SLIDE 3 - MOUSE MOVE FUNCTION   


 
});
 
});

/*
  $('#promo-div').mouseout(function() {
    $('#Tip').hide();
    $('#DivPosition').hide();
    buttonName = 'No Button Selected';
	activeArea = 'false';
    moutResume();

 });
*/