$(document).ready(function() {
    // put all your jQuery goodness in here.
    
    hs.graphicsDir = '/scripts/highslide/graphics/';
    hs.align = 'center';
    hs.outlineType = 'rounded-white';
    hs.wrapperClassName = 'draggable-header no-footer';
    hs.dimmingOpacity = .8; 

    hs.showCredits = false;
    hs.outlineWhileAnimating =  true;
    
    
});


var actions = {

    CartUpdate: function(){
        reloadAjax('/ru/cart/small','small_cart');
    }

};





function openAjaxWindow(url, width, height, funcName) {
    
    hs.htmlExpand(null, {src:url, objectType: 'ajax', width: width, height: height, preserveContent: false, allowWidthReduction: true, cacheAjax: false});
    if (funcName) actions[funcName]();
    return false;
} 



function reloadAjax(url, id) {

    $.ajax({
      url: url,
      success: function(data){
            $('#'+id).html(data);
            
      }
      
    });

} 

function updateAjaxWindow(url, funcName){

    $.ajax({
      url: url,  
      success: function(data){
            $('div.highslide-body').html(data);
            
            
      },
      complete: function(){
           if (funcName) actions[funcName]();    
      }
    });


}

function updateFormAjax(form_id, id, funcName){
    $.ajax({
      url: $("#"+form_id).attr("action"),
      data: $("#"+form_id).serialize(), 
      beforeSend: function(){
            $('#'+id).html('<img src="/templates/templates/220-380v/img/icons/ajax-loader.gif" class="ajax-loader"/>');     
      },
      success: function(data){
            $('#'+id).html(data);     
 
      }, 
      complete: function(){

            if (funcName) actions[funcName]();

      }
    });
}

function updateFormAjaxWindow(form_id, funcName){
    
    $.ajax({
      url: $("#"+form_id).attr("action"),
      data: $("#"+form_id).serialize(), 
      beforeSend: function(){
            $('div.highslide-body').html('<img src="/templates/templates/220-380v/img/icons/ajax-loader.gif" class="ajax-loader"/>');     
      },
      success: function(data){
            $('div.highslide-body').html(data);
 
      }, 
      complete: function(){

            if (funcName) actions[funcName]();

      }
    });


}