// Tab 0 - Top Sellers
jQuery.noConflict();
jQuery(document).ready(function () {
	jQuery.get('/', function(data){
	var check0 = jQuery('#bottom-2 div.starter-amazon-com-ProductListWidget-2',data).html(); 
	check0 = jQuery.trim(check0);
	if (check0 != "") {
	var data = [];
	jQuery("li.product", check0).each(function () {
		data[data.length] = jQuery(this).html();
		});  
		jQuery('#tab0').append('<div id="slideshow"><div id="slidesContainer"></div></div>');
			
		for (i = 0; i < data.length; i++) {
		   jQuery('#slidesContainer').append('<div class="slide"><div id="q' + i + '">' + data[i].replace('List Price', 'Our Price').replace('now.', 'Sale Price') + '</div></div>');
		}
	  } 
	  

    var currentPosition = 0;
    var slideWidth = 185;
    var slides = jQuery('.slide');
    var numberOfSlides = slides.length;
    var nos = numberOfSlides //-numberOfSlides/3*2;
    var num = Math.ceil(nos);

    // Remove scrollbar in JS
    jQuery('#slidesContainer').css('overflow', 'hidden');

    // Wrap all .slides with #slideInner div
    slides.wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
    .css({
        'float': 'left',
        'width': slideWidth
    });

    // Set #slideInner width equal to total width of all slides
    jQuery('#slideInner').css('width', slideWidth * numberOfSlides);

    // Insert controls in the DOM
    jQuery('#slideshow').prepend('<span class="control" id="leftControl">Clicking moves left</span>').append('<span class="control" id="rightControl">Clicking moves right</span>');
	jQuery('#tab0').append('<div class="num"><span id="no"></span>&nbsp;&nbsp;of&nbsp;&nbsp;<span id="of"></span></div>');
    // Hide left arrow control on first load
    manageControls(currentPosition);

    // Create event listeners for .controls clicks
    jQuery('.control').bind('click', function () {
        // Determine new position
        currentPosition = (jQuery(this).attr('id') == 'rightControl') ? currentPosition + 5 : currentPosition -5;

        // Hide / show controls
        manageControls(currentPosition);
        // Move slideInner using margin-left
        var scrollproduct = -currentPosition * 1
        jQuery('#slideInner').animate({
            'marginLeft': slideWidth * (scrollproduct)
        }, 1000);
    });

    // manageControls: Hides and Shows controls depending on currentPosition

    function manageControls(position) {
        // Hide left arrow if position is first slide
        if (position == 0) {
            //	alert(position);
            var pos1 = jQuery("#leftControl").position();
            //alert(pos.left + " " + pos.top);
            jQuery('#leftControl').hide();
            //jQuery('#slideshow').prepend('<div id="inactiveleftControl" style="position:absolute; left:'+pos.left+'; top:'+pos.top+';"></div>');
            jQuery('#slideshow').prepend("<div id=\"inactiveleftControl\" style=\"position:absolute; left:" + pos1.left + "; top:" + pos1.top + ";\">&nbsp;</div>");
        } else {
            jQuery('#leftControl').show();
            jQuery('#inactiveleftControl').hide();
        }
        // Hide right arrow if position is last slide
	//alert(position)
	//alert(num)
	var pos=Number(position)+5
	var no=position+1 +" - " + pos
	var of=jQuery('#slidesContainer .slide').length;
	jQuery('#no').text(no)
	jQuery('#of').text(of)
	//alert(no)
	//alert(of)
	//
	    if (position == num -5) {
            var pos2 = jQuery("#rightControl").position();

            jQuery('#rightControl').hide();
            //Query('#slideshow').append('<div id="inactiverightControl" style="position:absolute; left:'+pos1.left+'; top:'+pos1.top+';"></div>');
            jQuery('#slideshow').append("<div id=\"inactiverightControl\" style=\"position:absolute; left:" + pos2.left + "; top:" + pos2.top + ";\">&nbsp;</div>");
        } else {
            jQuery('#rightControl').show();
            jQuery('#inactiverightControl').hide();
        }
    }

});         


// Tab 1 - Rings
								 
	
	jQuery.get('/b/2516201011?searchSize=15', function(data1){
	var check1 = jQuery('#center-3 div.com-amazon-webstore-SearchResults-2 #searchResultsContainer',data1).html(); 
	check1 = jQuery.trim(check1);
	if (check1 != "") {
	var data1 = [];
	jQuery("li.product", check1).each(function () {
		data1[data1.length] = jQuery(this).html();

		});  
		jQuery('#tab1').append('<div id="slideshow1"><div id="slidesContainer1"></div></div>');
			
		for (j = 0; j < data1.length; j++) {
		   jQuery('#slidesContainer1').append('<div class="slide1"><div id="r' + j + '">' + data1[j].replace('Orig.', 'Our Price').replace('Sale', 'Sale Price') + '</div></div>');
		}
	  }  


    var currentPosition1 = 0;
    var slideWidth1 = 180;
    var slides1 = jQuery('.slide1');
    var numberOfSlides1 = slides1.length;
	var nos1 = numberOfSlides1 ; //-numberOfSlides1/3*2;
    var num1 = Math.ceil(nos1);

    // Remove scrollbar in JS
    jQuery('#slidesContainer1').css('overflow', 'hidden');

    // Wrap all .slides with #slideInner div
    slides1.wrapAll('<div id="slideInner1"></div>')
    // Float left to display horizontally, readjust .slides width
    .css({
        'float': 'left',
        'width': slideWidth1
    });

    // Set #slideInner width equal to total width of all slides
    jQuery('#slideInner1').css('width', slideWidth1 * numberOfSlides1);

    // Insert controls in the DOM
    jQuery('#slideshow1').prepend('<span class="control1" id="leftControl1">Clicking moves left</span>').append('<span class="control1" id="rightControl1">Clicking moves right</span>');
	jQuery('#tab1').append('<div class="num"><span id="no1"></span>&nbsp;&nbsp;of&nbsp;&nbsp;<span id="of1"></span></div>');
    // Hide left arrow control on first load
    manageControls1(currentPosition1);


    // Create event listeners for .controls clicks
    jQuery('.control1').bind('click', function () {
        // Determine new position
        currentPosition1 = (jQuery(this).attr('id') == 'rightControl1') ? currentPosition1 + 5 : currentPosition1 - 5;

        // Hide / show controls
        manageControls1(currentPosition1);
        // Move slideInner using margin-left
        var scrollproduct1 = -currentPosition1 * 1
        jQuery('#slideInner1').animate({
            'marginLeft': slideWidth1 * (scrollproduct1)
        }, 1000);
    });

    // manageControls: Hides and Shows controls depending on currentPosition1

    function manageControls1(position1) {
        // Hide left arrow if position1 is first slide
        if (position1 == 0) {
            //	alert(position1);
            var pos3 = jQuery("#leftControl1").position();
            //alert(pos.left + " " + pos.top);
            jQuery('#leftControl1').hide();
            //jQuery('#slideshow').prepend('<div id="inactiveleftControl" style="position1:absolute; left:'+pos.left+'; top:'+pos.top+';"></div>');
            jQuery('#slideshow1').prepend("<div id=\"inactiveleftControl1\" style=\"position:absolute; left:" + pos3.left + ";\">&nbsp;</div>");
        } else {
            jQuery('#leftControl1').show();
            jQuery('#inactiveleftControl1').hide();
        }
        // Hide right arrow if position is last slide
	
	var of=jQuery('#slidesContainer1 .slide1').length;
	
	pos=Number(position1)+5
	if(of==pos-4)
	{
	pos=""
	}
	else if(pos > of-4 && pos < of)
	{
		pos=" - "+ pos
	}
	else
	{
		pos=" - "+pos
	}
	
	var no=position1+1 + pos
	jQuery('#no1').text(no)
	jQuery('#of1').text(of)
		
		

		if (position1 == num1 - 5) {
            var pos4 = jQuery("#rightControl1").position();

            jQuery('#rightControl1').hide();
            //Query('#slideshow').append('<div id="inactiverightControl" style="position:absolute; left:'+pos1.left+'; top:'+pos1.top+';"></div>');
            jQuery('#slideshow1').append("<div id=\"inactiverightControl1\" style=\"position:absolute; left:" + pos4.left + "; top:" + pos4.top + ";\">&nbsp;</div>");
        } else {
            jQuery('#rightControl1').show();
            jQuery('#inactiverightControl1').hide();
        }
    }

	
});   
	

// Tab 2 - Necklaces     
								 
	
	jQuery.get('/b/2516202011?searchSize=15', function(data2){
	var check2 = jQuery('#center-3 div.com-amazon-webstore-SearchResults-2 #searchResultsContainer',data2).html(); 
	check2 = jQuery.trim(check2);
	if (check2 != "") {
	var data2 = [];
	jQuery("li.product", check2).each(function () {
		data2[data2.length] = jQuery(this).html();

		});  
		jQuery('#tab2').append('<div id="slideshow2"><div id="slidesContainer2"></div></div>');
			
		for (k = 0; k < data2.length; k++) {
		   jQuery('#slidesContainer2').append('<div class="slide2"><div id="r' + k + '">' + data2[k].replace('Orig.', 'Our Price').replace('Sale', 'Sale Price') + '</div></div>');
		}
	  }  


    var currentPosition2 = 0;
    var slideWidth2 = 180;
    var slides2 = jQuery('.slide2');
    var numberOfSlides2 = slides2.length;
    var nos2 = numberOfSlides2 ; //-numberOfSlides1/3*2;
    var num2 = Math.ceil(nos2);

    // Remove scrollbar in JS
    jQuery('#slidesContainer2').css('overflow', 'hidden');

    // Wrap all .slides with #slideInner div
    slides2.wrapAll('<div id="slideInner2"></div>')
    // Float left to display horizontally, readjust .slides width
    .css({
        'float': 'left',
        'width': slideWidth2
    });

    // Set #slideInner width equal to total width of all slides
    jQuery('#slideInner2').css('width', slideWidth2 * numberOfSlides2);

    // Insert controls in the DOM
    jQuery('#slideshow2').prepend('<span class="control2" id="leftControl2">Clicking moves left</span>').append('<span class="control2" id="rightControl2">Clicking moves right</span>');
jQuery('#tab2').append('<div class="num"><span id="no2"></span>&nbsp;&nbsp;of&nbsp;&nbsp;<span id="of2"></span></div>');
    // Hide left arrow control on first load
    manageControls2(currentPosition2);


    // Create event listeners for .controls clicks
    jQuery('.control2').bind('click', function () {
        // Determine new position
        currentPosition2 = (jQuery(this).attr('id') == 'rightControl2') ? currentPosition2 + 5 : currentPosition2 - 5;

        // Hide / show controls
        manageControls2(currentPosition2);
        // Move slideInner using margin-left
        var scrollproduct2 = -currentPosition2 * 1
        jQuery('#slideInner2').animate({
            'marginLeft': slideWidth2 * (scrollproduct2)
        }, 1000);
    });

    // manageControls: Hides and Shows controls depending on currentPosition1

    function manageControls2(position2) {
        // Hide left arrow if position1 is first slide
        if (position2 == 0) {
            //	alert(position1);
            var pos5 = jQuery("#leftControl2").position();
            //alert(pos.left + " " + pos.top);
            jQuery('#leftControl2').hide();
            //jQuery('#slideshow').prepend('<div id="inactiveleftControl" style="position1:absolute; left:'+pos.left+'; top:'+pos.top+';"></div>');
            jQuery('#slideshow2').prepend("<div id=\"inactiveleftControl2\" style=\"position:absolute; left:" + pos5.left + ";\">&nbsp;</div>");
        } else {
            jQuery('#leftControl2').show();
            jQuery('#inactiveleftControl2').hide();
        }
        // Hide right arrow if position is last slide
			var of=jQuery('#slidesContainer2 .slide2').length;
	pos=Number(position2)+5
	if(of==pos-4)
	{
	pos=""
	}
	else if(pos > of-4 && pos < of)
	{
		pos=" - "+ pos
	}
	else
	{
		pos=" - "+pos
	}
	
	var no=position2+1 + pos
	jQuery('#no2').text(no)
	jQuery('#of2').text(of)
		
		
		
        if (position2 == num2 - 5) {
            var pos6 = jQuery("#rightControl2").position();

            jQuery('#rightControl2').hide();
            //Query('#slideshow').append('<div id="inactiverightControl" style="position:absolute; left:'+pos1.left+'; top:'+pos1.top+';"></div>');
            jQuery('#slideshow2').append("<div id=\"inactiverightControl2\" style=\"position:absolute; left:" + pos6.left + "; top:" + pos6.top + ";\">&nbsp;</div>");
        } else {
            jQuery('#rightControl2').show();
            jQuery('#inactiverightControl2').hide();
        }
    }

});



// Tab 3 - Bracelets          
								 
	
	jQuery.get('/b/2516205011?searchSize=15', function(data3){
	var check3 = jQuery('#center-3 div.com-amazon-webstore-SearchResults-2 #searchResultsContainer',data3).html(); 
	check3 = jQuery.trim(check3);
	if (check3 != "") {
	var data3 = [];
	jQuery("li.product", check3).each(function () {
		data3[data3.length] = jQuery(this).html();

		});  
		jQuery('#tab3').append('<div id="slideshow3"><div id="slidesContainer3"></div></div>');
			
		for (l = 0; l < data3.length; l++) {
		   jQuery('#slidesContainer3').append('<div class="slide3"><div id="s' + l + '">' + data3[l].replace('Orig.', 'Our Price').replace('Sale', 'Sale Price') + '</div></div>');
		}
	  }  


    var currentPosition3 = 0;
    var slideWidth3 = 180;
    var slides3 = jQuery('.slide3');
    var numberOfSlides3 = slides3.length;
    var nos3 = numberOfSlides3 ; //-numberOfSlides1/3*2;
    var num3 = Math.ceil(nos3);

    // Remove scrollbar in JS
    jQuery('#slidesContainer3').css('overflow', 'hidden');

    // Wrap all .slides with #slideInner div
    slides3.wrapAll('<div id="slideInner3"></div>')
    // Float left to display horizontally, readjust .slides width
    .css({
        'float': 'left',
        'width': slideWidth3
    });

    // Set #slideInner width equal to total width of all slides
    jQuery('#slideInner3').css('width', slideWidth3 * numberOfSlides3);

    // Insert controls in the DOM
    jQuery('#slideshow3').prepend('<span class="control3" id="leftControl3">Clicking moves left</span>').append('<span class="control3" id="rightControl3">Clicking moves right</span>');
jQuery('#tab3').append('<div class="num"><span id="no3"></span>&nbsp;&nbsp;of&nbsp;&nbsp;<span id="of3"></span></div>');
    // Hide left arrow control on first load
    manageControls3(currentPosition3);


    // Create event listeners for .controls clicks
    jQuery('.control3').bind('click', function () {
        // Determine new position
        currentPosition3 = (jQuery(this).attr('id') == 'rightControl3') ? currentPosition3 + 5 : currentPosition3 - 5;

        // Hide / show controls
        manageControls3(currentPosition3);
        // Move slideInner using margin-left
        var scrollproduct3 = -currentPosition3 * 1
        jQuery('#slideInner3').animate({
            'marginLeft': slideWidth3 * (scrollproduct3)
        }, 1000);
    });

    // manageControls: Hides and Shows controls depending on currentPosition1

    function manageControls3(position3) {
        // Hide left arrow if position1 is first slide
        if (position3 == 0) {
            //	alert(position1);
            var pos7 = jQuery("#leftControl3").position();
            //alert(pos.left + " " + pos.top);
            jQuery('#leftControl3').hide();
            //jQuery('#slideshow').prepend('<div id="inactiveleftControl" style="position1:absolute; left:'+pos.left+'; top:'+pos.top+';"></div>');
            jQuery('#slideshow3').prepend("<div id=\"inactiveleftControl3\" style=\"position:absolute; left:" + pos7.left + ";\">&nbsp;</div>");
        } else {
            jQuery('#leftControl3').show();
            jQuery('#inactiveleftControl3').hide();
        }
        // Hide right arrow if position is last slide
		
			var of=jQuery('#slidesContainer3 .slide3').length;
	pos=Number(position3)+5
	if(of==pos-4)
	{
	pos=""
	}
	else if(pos > of-4 && pos < of)
	{
		pos=" - "+ pos
	}
	else
	{
		pos=" - "+pos
	}
	
	var no=position3+1 + pos
	jQuery('#no3').text(no)
	jQuery('#of3').text(of)
		
        if (position3 == num3 - 5) {
            var pos8 = jQuery("#rightControl3").position();

            jQuery('#rightControl3').hide();
            //Query('#slideshow').append('<div id="inactiverightControl" style="position:absolute; left:'+pos1.left+'; top:'+pos1.top+';"></div>');
            jQuery('#slideshow3').append("<div id=\"inactiverightControl3\" style=\"position:absolute; left:" + pos8.left + "; top:" + pos8.top + ";\">&nbsp;</div>");
        } else {
            jQuery('#rightControl3').show();
            jQuery('#inactiverightControl3').hide();
        }
    }

});


// Tab 4 - Earrings               
								 
	
	jQuery.get('/b/2516206011?searchSize=15', function(data4){
	var check4 = jQuery('#center-3 div.com-amazon-webstore-SearchResults-2 #searchResultsContainer',data4).html(); 
	check4 = jQuery.trim(check4);
	if (check4 != "") {
	var data4 = [];
	jQuery("li.product", check4).each(function () {
		data4[data4.length] = jQuery(this).html();

		});  
		jQuery('#tab4').append('<div id="slideshow4"><div id="slidesContainer4"></div></div>');
			
		for (m = 0; m < data4.length; m++) {
		   jQuery('#slidesContainer4').append('<div class="slide4"><div id="t' + m + '">' + data4[m].replace('Orig.', 'Our Price').replace('Sale', 'Sale Price') + '</div></div>');
		}
	  }  


    var currentPosition4 = 0;
    var slideWidth4 = 180;
    var slides4 = jQuery('.slide4');
    var numberOfSlides4 = slides4.length;
    var nos4 = numberOfSlides4 ; //-numberOfSlides1/3*2;
    var num4 = Math.ceil(nos4);

    // Remove scrollbar in JS
    jQuery('#slidesContainer4').css('overflow', 'hidden');

    // Wrap all .slides with #slideInner div
    slides4.wrapAll('<div id="slideInner4"></div>')
    // Float left to display horizontally, readjust .slides width
    .css({
        'float': 'left',
        'width': slideWidth4
    });

    // Set #slideInner width equal to total width of all slides
    jQuery('#slideInner4').css('width', slideWidth4 * numberOfSlides4);

    // Insert controls in the DOM
    jQuery('#slideshow4').prepend('<span class="control4" id="leftControl4">Clicking moves left</span>').append('<span class="control4" id="rightControl4">Clicking moves right</span>');
jQuery('#tab4').append('<div class="num"><span id="no4"></span>&nbsp;&nbsp;of&nbsp;&nbsp;<span id="of4"></span></div>');
    // Hide left arrow control on first load
    manageControls4(currentPosition4);


    // Create event listeners for .controls clicks
    jQuery('.control4').bind('click', function () {
        // Determine new position
        currentPosition4 = (jQuery(this).attr('id') == 'rightControl4') ? currentPosition4 + 5 : currentPosition4 - 5;

        // Hide / show controls
        manageControls4(currentPosition4);
        // Move slideInner using margin-left
        var scrollproduct4 = -currentPosition4 * 1
        jQuery('#slideInner4').animate({
            'marginLeft': slideWidth4 * (scrollproduct4)
        }, 1000);
    });

    // manageControls: Hides and Shows controls depending on currentPosition1

    function manageControls4(position4) {
        // Hide left arrow if position1 is first slide
        if (position4 == 0) {
            //	alert(position1);
            var pos9 = jQuery("#leftControl4").position();
            //alert(pos.left + " " + pos.top);
            jQuery('#leftControl4').hide();
            //jQuery('#slideshow').prepend('<div id="inactiveleftControl" style="position1:absolute; left:'+pos.left+'; top:'+pos.top+';"></div>');
            jQuery('#slideshow4').prepend("<div id=\"inactiveleftControl4\" style=\"position:absolute; left:" + pos9.left + "; \">&nbsp;</div>");
        } else {
            jQuery('#leftControl4').show();
            jQuery('#inactiveleftControl4').hide();
        }
        // Hide right arrow if position is last slide
			var of=jQuery('#slidesContainer4 .slide4').length;
	pos=Number(position4)+5
	if(of==pos-4)
	{
	pos=""
	}
	else if(pos > of-4 && pos < of)
	{
		pos=" - "+ pos
	}
	else
	{
		pos=" - "+pos
	}
	
	var no=position4+1 + pos
	jQuery('#no4').text(no)
	jQuery('#of4').text(of)
		
		
        if (position4 == num4 - 5) {
            var pos10 = jQuery("#rightControl4").position();

            jQuery('#rightControl4').hide();
            //Query('#slideshow').append('<div id="inactiverightControl" style="position:absolute; left:'+pos1.left+'; top:'+pos1.top+';"></div>');
            jQuery('#slideshow4').append("<div id=\"inactiverightControl4\" style=\"position:absolute; left:" + pos10.left + "; top:" + pos10.top + ";\">&nbsp;</div>");
        } else {
            jQuery('#rightControl4').show();
            jQuery('#inactiverightControl4').hide();
        }
    }

});






// Tab 5 - Men's               
								 
	
	jQuery.get('/b/2408797011?searchSize=15', function(data5){
	var check5 = jQuery('#center-3 div.com-amazon-webstore-SearchResults-2 #searchResultsContainer',data5).html(); 
	check5 = jQuery.trim(check5);
	if (check5 != "") {
	var data5 = [];
	jQuery("li.product", check5).each(function () {
		data5[data5.length] = jQuery(this).html();

		});  
		jQuery('#tab5').append('<div id="slideshow5"><div id="slidesContainer5"></div></div>');
			
		for (n = 0; n < data5.length; n++) {
		   jQuery('#slidesContainer5').append('<div class="slide5"><div id="u' + n + '">' + data5[n].replace('Orig.', 'Our Price').replace('Sale', 'Sale Price') + '</div></div>');
		}
	  }  


    var currentPosition5 = 0;
    var slideWidth5 = 180;
    var slides5 = jQuery('.slide5');
    var numberOfSlides5 = slides5.length;
    var nos5 = numberOfSlides5 ; //-numberOfSlides1/3*2;
    var num5 = Math.ceil(nos5);

    // Remove scrollbar in JS
    jQuery('#slidesContainer5').css('overflow', 'hidden');

    // Wrap all .slides with #slideInner div
    slides5.wrapAll('<div id="slideInner5"></div>')
    // Float left to display horizontally, readjust .slides width
    .css({
        'float': 'left',
        'width': slideWidth5
    });

    // Set #slideInner width equal to total width of all slides
    jQuery('#slideInner5').css('width', slideWidth5 * numberOfSlides5);

    // Insert controls in the DOM
    jQuery('#slideshow5').prepend('<span class="control5" id="leftControl5">Clicking moves left</span>').append('<span class="control5" id="rightControl5">Clicking moves right</span>');
jQuery('#tab5').append('<div class="num"><span id="no5"></span>&nbsp;&nbsp;of&nbsp;&nbsp;<span id="of5"></span></div>');
    // Hide left arrow control on first load
    manageControls5(currentPosition5);


    // Create event listeners for .controls clicks
    jQuery('.control5').bind('click', function () {
        // Determine new position
        currentPosition5 = (jQuery(this).attr('id') == 'rightControl5') ? currentPosition5 + 5 : currentPosition5 - 5;

        // Hide / show controls
        manageControls5(currentPosition5);
        // Move slideInner using margin-left
        var scrollproduct5 = -currentPosition5 * 1
        jQuery('#slideInner5').animate({
            'marginLeft': slideWidth5 * (scrollproduct5)
        }, 1000);
    });

    // manageControls: Hides and Shows controls depending on currentPosition1

    function manageControls5(position5) {
        // Hide left arrow if position1 is first slide
        if (position5 == 0) {
            //	alert(position1);
            var pos11 = jQuery("#leftControl5").position();
            //alert(pos.left + " " + pos.top);
            jQuery('#leftControl5').hide();
            //jQuery('#slideshow').prepend('<div id="inactiveleftControl" style="position1:absolute; left:'+pos.left+'; top:'+pos.top+';"></div>');
            jQuery('#slideshow5').prepend("<div id=\"inactiveleftControl5\" style=\"position:absolute; left:" + pos11.left + "; \">&nbsp;</div>");
        } else {
            jQuery('#leftControl5').show();
            jQuery('#inactiveleftControl5').hide();
        }
        // Hide right arrow if position is last slide
			var of=jQuery('#slidesContainer5 .slide5').length;
	pos=Number(position5)+5
	if(of==pos-4)
	{
	pos=""
	}
	else if(pos > of-4 && pos < of)
	{
		pos="-"+ pos
	}
	else
	{
		pos="-"+pos
	}
	
	var no=position5+1 + pos
	jQuery('#no5').text(no)
	jQuery('#of5').text(of)
		
		
		
        if (position5 == num5 - 5) {
            var pos12 = jQuery("#rightControl5").position();

            jQuery('#rightControl5').hide();
            //Query('#slideshow').append('<div id="inactiverightControl" style="position:absolute; left:'+pos1.left+'; top:'+pos1.top+';"></div>');
            jQuery('#slideshow5').append("<div id=\"inactiverightControl5\" style=\"position:absolute; left:" + pos12.left + "; top:" + pos12.top + ";\">&nbsp;</div>");
        } else {
            jQuery('#rightControl5').show();
            jQuery('#inactiverightControl5').hide();
        }
    }

});




});