// JavaScript Document
function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });
 
    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });
 
};

function mycarousel_initCallback_2(carousel) {
    jQuery('.jcarousel-control a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        return false;
    });
 
    jQuery('.jcarousel-scroll select').bind('change', function() {
        carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
        return false;
    });
 
    jQuery('#mycarousel-next').bind('click', function() {
        carousel.next();
        return false;
    });
 
    jQuery('#mycarousel-prev').bind('click', function() {
        carousel.prev();
        return false;
    });
    // Pause autoscrolling if the user moves with the cursor over the clip.

	carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};




$(document).ready( function()
{
	PEPS.rollover.init();
	$("#mycarousel").jcarousel({
		auto: 4,
		wrap: 'last',
        initCallback: mycarousel_initCallback
    });
	$("#carousel_design").jcarousel({
		auto: 4,
        scroll: 1,
		wrap: 'last',
        initCallback: mycarousel_initCallback_2,
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null
    });


});


function clearbox(id,txt) { 
	if ( id.value == txt){ 
		id.value=""; 
	} 
}
function fillbox(id,txt) { 
	if ( id.value == "") { 
		id.value=txt; 
	} 
}