<meta name="description" content="Reena Saini Kallat, Reena Kallat,Reena Saini,Indian artist,Contemporary Indian artist, Contemporary Visual artist, Indian painting, Painter, Sculptor, Contemporary Indian Sculpture, Photography in India, Contemporary Art in India,Contemporary artists in India, Video Art in India,Video artist, Photographer, International artist, global artists, Museums in India, Galleries in India, Indian galleries, global art" /><meta name="keywords" content="reena saini kallat, reena kallat,reena saini,indian artist,contemporary indian artist, contemporary visual artist, indian painting, painter, sculptor, contemporary indian sculpture, photography in india, contemporary art in india,contemporary artists in india, video art in india,video artist, photographer, international artist, global artists, museums in india, galleries in india, indian galleries, global art" /><link rel="canonical" href="http://www.reenakallat.com" />
<script type="text/javascript" src="http://www.reenakallat.com/wp-includes/js/jquery/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
function slideSwitch() {
    var $active = $('#slideshow DIV.active');
    if ( $active.length == 0 ) $active = $('#slideshow DIV:last');
    // use this to pull the divs in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow DIV:first');
    // uncomment below to pull the divs randomly
    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );
    $active.addClass('last-active');
    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}
$(function() {
    setInterval( "slideSwitch()", 3000);
});
</script>
<style type="text/css">
#slideshow {
    position:relative;
    height:500px;
    width:650px;
    margin: 0 auto;
}
#slideshow DIV {
    position:absolute;
    top:0;
    left:300;
    z-index:8;
    opacity:0.0;
    height: 500px;
    background-color: #FFF;
}
#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}
#slideshow DIV.last-active {
    z-index:9;
}
#slideshow DIV IMG {
    height: 450px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}
</style>
</head>
<body style="font-family: Arial, Sans-serif, sans;">
<div id="slideshow">
    <div class="active">
        <a href="#"><img src="http://www.reenakallat.com/wp-content/uploads/2010/03/slideshow_1m.jpg" alt="slideshow" title="slideshow" width="650" height="600" class="aligncenter size-full wp-image-894" /></a>
       <!-- Caption for image 1-->
    </div>
    <div>
        <a href="#"><img src="http://www.reenakallat.com/wp-content/uploads/2010/03/slideshow_2m.jpg" alt="slideshow" title="slideshow" width="650" height="600" class="aligncenter size-full wp-image-896" /></a>
        <!--This will work with any markup-->
    </div>
    <div>
        <a href="#"><img src="http://www.reenakallat.com/wp-content/uploads/2010/03/slideshow_3m.jpg" alt="slideshow" title="slideshow" width="650" height="600" class="aligncenter size-full wp-image-897" /></a>
        <!--Swap this out for anything, links, paragraphs, whatever-->
    </div>
    <div>
        <a href="#"><img src="http://www.reenakallat.com/wp-content/uploads/2010/03/slideshow_4m.jpg" alt="slideshow" title="slideshow" width="650" height="600" class="aligncenter size-full wp-image-898" /></a>
        <!--Just make sure to set a background color if you use text-->
    </div>
    <div>
        <a href="#"><img src="http://www.reenakallat.com/wp-content/uploads/2010/03/slideshow_5m.jpg" alt="slideshow" title="slideshow" width="650" height="600" class="aligncenter size-full wp-image-899" /></a>
        <!--Just make sure to set a background color if you use text-->
    </div>
</div>