jQuery.noConflict();

jQuery(document).ready(function(){

    var content  = '';//jQuery("#flipBox").html();
    var content2 = '';//jQuery("#flipBox2").html();

    var ShowContent = 2;
    var con;
    jQuery("#toFlip").click(function(){
        if(ShowContent == 1){
            con = content;
            ShowContent = 2;
            jQuery("#cf2").hide();
            jQuery("#cf1").show();
        } else {
            con = content2;
            ShowContent = 1;
            jQuery("#cf1").hide();
            jQuery("#cf2").show();
        }
        
        jQuery("#flipBox").flip({
            direction:"lr",
            color: "#000000"//,
            //content: con
        });
        return true;
    });

    jQuery("#toFlip2").click(function(){
        if(ShowContent == 1){
            con = content;
            ShowContent = 2;
            jQuery("#cf2").hide();
            jQuery("#cf1").show();
        } else {
            con = content2;
            ShowContent = 1;
            jQuery("#cf1").hide();
            jQuery("#cf2").show();
        }
        
        jQuery("#flipBox").flip({
            direction:"lr",
            color: "#000000"//,
            //content: con
        });
        return true;
    });
});